body {
  margin:0;
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  background: url('https://i.pinimg.com/736x/65/ae/8f/65ae8f4e9339f8268cc1df2a5b7fcde7.jpg') center/cover no-repeat;
  font-family:'VT323', monospace;
}

.macbook-window {
  width:540px;
  background:#fff8f5;
  border:4px solid #f2c5ca;
  border-radius:18px;
  box-shadow:0 6px 20px rgba(0,0,0,0.1);
  overflow:hidden;
}

.title-bar {
  background: linear-gradient(90deg,#ffd6da,#fff7e6,#e3c8c1);
  padding:8px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.buttons span {
  display:inline-block;
  width:12px;height:12px;
  margin-right:6px;
  border-radius:50%;
}

.buttons .close { background:#ff5f56; }
.buttons .minimize { background:#ffbd2e; }
.buttons .zoom { background:#27c93f; }

.title { font-size:16px; color:#d46aa8; }

.content { padding:15px; }

.row {
  display:flex;
  align-items:flex-start;
  gap:14px;
}

.pfp {
  width:100px;height:100px;
  border-radius:12px;
  border:3px solid #fbd2d5;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
  object-fit:cover;
}

.box {
  background:#fff2f6;
  border:2px dashed #f2c5ca;
  border-radius:12px;
  padding:12px;
  flex:1;
}

.box h2 {
  margin-top:0;
  color:#ff77aa;
  font-size:18px;
  text-align:center;
}

.box p, .box ul {
  font-size:16px;
  color:#5c5c5c;
  margin:8px 0 0;
}

.interests {
  margin-top:12px;
}

.interests ul {
  padding-left:18px;
}

.interests li {
  margin-bottom:6px;
}