.about-laptop {
  grid-column:2; grid-row:1; align-self:center; position:relative;
  width:100%; max-width:760px; min-width:0; margin:40px auto 16px;
  color:#fff; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5; isolation:isolate;container-type:inline-size;
}
.about-laptop *, .about-laptop *::before, .about-laptop *::after {box-sizing:border-box;margin:0;padding:0}
.about-laptop button {font-family:inherit;touch-action:manipulation}

.about-laptop,.laptop-os-laptop-wrapper,.laptop-os-laptop,.laptop-os-screen-frame {pointer-events:none}
.laptop-os-screen,.laptop-os-keyboard-base {pointer-events:auto}
.about-laptop :is(button,input):focus-visible {outline:2px solid #ffbe99;outline-offset:2px}

.laptop-os-laptop-wrapper {
  width: min(700px, 85vw);

  transform-style: preserve-3d;

  animation: laptopOSfloatLaptop 5s ease-in-out infinite;

  z-index: 2;
}

.laptop-os-laptop {
  width: 80%;
  margin: 0 auto;
  --pose-yaw:-24deg;
  --pose-pitch:-18deg;
  --pose-scale:.88;

  position: relative;

  transform-style: preserve-3d;

  transform-origin:50% 100%;
  transform:translateX(7%) rotateY(calc(var(--pose-yaw) + var(--tilt-y,0deg))) rotateX(calc(var(--pose-pitch) + var(--tilt-x,0deg))) scale(var(--pose-scale));
  transition:transform .2s ease-out;
}

.laptop-os-screen-frame {
  width: 76%;
  aspect-ratio: 16 / 10;

  margin: auto;

  background:
    linear-gradient(
      135deg,
      #3c3c3c,
      #111,
      #303030
    );

  padding: 5px;

  border-radius: 15px 15px 7px 7px;

  box-shadow:
    0 0 0 1px #555,
    0 20px 40px rgba(0,0,0,.35);

  position: relative;

  transform-origin: bottom;
  overflow:hidden;
}

.laptop-os-lid-back {
  position:absolute;inset:0;display:grid;place-items:center;
  border:1px solid #96989b;border-radius:inherit;
  background:linear-gradient(125deg,#3f4145,#85878b 55%,#54565a);
  z-index:40;opacity:0;
  box-shadow:inset 0 1px 0 #afb1b4;
  pointer-events:none;
}
.laptop-os-lid-back span {font:28px/1 monospace;color:#c8cace;opacity:.65}
.about-laptop.is-lid-closed .laptop-os-lid-back {opacity:1}
.about-laptop.is-lid-closed .laptop-os-screen-frame {transform:rotateX(-88deg)}
.about-laptop:is(.is-lid-closed,.is-lid-opening) .laptop-os-laptop-wrapper {animation-play-state:paused}
.about-laptop.is-lid-closed .laptop-os-screen {filter:brightness(0)}

.laptop-os-camera-notch {
  position: absolute;

  width: 42px;
  height: 8px;

  left: 50%;
  top: 4px;

  transform: translateX(-50%);

  background: #050505;

  border-radius: 0 0 7px 7px;

  z-index: 30;
}

.laptop-os-screen {
  width: 100%;
  height: 100%;

  border-radius: 10px 10px 4px 4px;

  overflow: hidden;

  position: relative;

  background: black;
}

.laptop-os-desktop {
  width: 100%;
  height: 100%;

  position: relative;

  background:
    radial-gradient(
      circle at 80% 40%,
      rgba(255,203,132,.3),
      transparent 35%
    ),
    linear-gradient(
      120deg,
      #c84a35,
      #ef774f,
      #e69a65
    );

  transition:
    opacity .4s,
    filter .4s;
}

.laptop-os-menu-bar {
  height: 25px;

  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 0 10px;

  font-size: 8px;

  background: rgba(25,25,25,.28);

  backdrop-filter: blur(12px);

  border-bottom: 1px solid rgba(255,255,255,.08);
}

.laptop-os-menu-left,
.laptop-os-menu-right {
  display: flex;
  gap: 8px;

  align-items: center;
}

.laptop-os-logo {
  font-size: 7px;
}

.laptop-os-desktop-icons {
  display: grid;

  grid-template-columns: repeat(2, 55px);

  gap: 12px;

  padding: 24px;
}

.laptop-os-desktop-icon {
  background: none;

  border: 0;

  color: white;

  display: flex;
  flex-direction: column;
  align-items: center;

  gap: 4px;

  cursor: pointer;

  font-size: 7px;

  transition: transform .2s;
}

.laptop-os-desktop-icon:hover {
  transform: translateY(-3px);
}

.laptop-os-icon {
  width: 35px;
  height: 35px;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 21px;

  background: rgba(255,255,255,.14);

  backdrop-filter: blur(10px);

  border: 1px solid rgba(255,255,255,.18);

  border-radius: 9px;

  box-shadow: 0 5px 15px rgba(0,0,0,.15);
}

.laptop-os-terminal-icon {
  background: #191919;

  font-family: monospace;

  font-size: 12px;

  color: #70ff8d;
}

.laptop-os-app-window {
  display: none;

  position: absolute;

  width: 70%;
  height: 65%;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%)
    scale(.95);

  border-radius: 8px;

  overflow: hidden;

  background: rgba(20,20,23,.94);

  backdrop-filter: blur(25px);

  border: 1px solid rgba(255,255,255,.13);

  box-shadow:
    0 25px 60px rgba(0,0,0,.35);

  z-index: 20;

  opacity: 0;

  transition:
    transform .25s ease,
    opacity .25s ease;
}

.laptop-os-app-window.active {
  display: block;

  opacity: 1;

  transform:
    translate(-50%, -50%)
    scale(1);
}

.laptop-os-window-header {
  height: 25px;

  display: flex;
  align-items: center;

  position: relative;

  padding: 0 9px;

  background: rgba(255,255,255,.07);

  font-size: 8px;

  color: #ccc;
}

.laptop-os-window-header > span {
  position: absolute;

  left: 50%;

  transform: translateX(-50%);
}

.laptop-os-window-buttons {
  display: flex;

  gap: 5px;
}

.laptop-os-window-buttons button {
  width: 8px;
  height: 8px;

  border: 0;

  border-radius: 50%;

  cursor: pointer;
}

.laptop-os-close {
  background: #ff5f57;
}

.laptop-os-minimize {
  background: #febc2e;
}

.laptop-os-maximize {
  background: #28c840;
}

.laptop-os-window-content {
  height: calc(100% - 25px);

  padding: 18px;

  overflow: auto;
}

.laptop-os-about-content {
  display: flex;

  flex-direction: column;

  justify-content: center;
}

.laptop-os-small-text {
  font-size: 8px;

  color: #aaa;
}

.laptop-os-about-content h3 {
  font-size: clamp(15px, 3vw, 25px);

  margin: 3px 0;
}

.laptop-os-about-content h4 {
  font-size: 12px;

  color: #ff996f;

  margin-bottom: 10px;
}

.laptop-os-about-content p {
  max-width: 330px;

  font-size: 8px;

  line-height: 1.6;

  color: #c9c9c9;
}

.laptop-os-cursor {
  animation: laptopOScursorBlink 1s infinite;
}

.laptop-os-skill-tags {
  display: flex;

  flex-wrap: wrap;

  gap: 5px;

  margin-top: 12px;
}

.laptop-os-skill-tags span {
  font-size: 7px;

  background: rgba(255,255,255,.08);

  border: 1px solid rgba(255,255,255,.1);

  padding: 4px 7px;

  border-radius: 20px;
}

.laptop-os-project-grid {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 8px;
}

.laptop-os-project-card {
  padding: 10px;

  border-radius: 6px;

  background: rgba(255,255,255,.06);

  border: 1px solid rgba(255,255,255,.08);

  transition:
    transform .2s,
    background .2s;
}

.laptop-os-project-card:hover {
  transform: translateY(-2px);

  background: rgba(255,255,255,.1);
}

.laptop-os-project-number {
  color: #ff996f;

  font-size: 7px;
}

.laptop-os-project-card h3 {
  font-size: 9px;

  margin: 4px 0;
}

.laptop-os-project-card p {
  font-size: 6px;

  color: #aaa;
}

.laptop-os-resume-title {
  border-bottom:
    1px solid rgba(255,255,255,.1);

  padding-bottom: 8px;

  margin-bottom: 9px;
}

.laptop-os-resume-title h2 {
  font-size: 14px;
}

.laptop-os-resume-title p,
.laptop-os-resume-section p,
.laptop-os-resume-section span {
  font-size: 7px;

  color: #aaa;
}

.laptop-os-resume-section {
  margin-top: 10px;
}

.laptop-os-resume-section h3 {
  color: #ff996f;

  font-size: 9px;

  margin-bottom: 4px;
}

.laptop-os-resume-section strong {
  display: block;

  font-size: 8px;
}

.laptop-os-terminal-window {
  background: rgba(10,12,11,.97);
}

.laptop-os-terminal {
  padding: 12px;

  height: calc(100% - 25px);

  font-family:
    "SFMono-Regular",
    Consolas,
    monospace;

  font-size: 7px;

  line-height: 1.7;
}

.laptop-os-terminal-output {
  color: #ddd;
}

.laptop-os-terminal-line {
  display: flex;

  gap: 3px;

  align-items: center;
}

.laptop-os-terminal-line input {
  flex: 1;

  min-width: 0;

  border: 0;

  outline: 0;

  background: transparent;

  color: white;

  font:
    inherit;
}

.laptop-os-green {
  color: #57e389;
}

.laptop-os-blue {
  color: #68a7ff;
}

.laptop-os-dock {
  position: absolute;

  bottom: 8px;
  left: 50%;

  transform: translateX(-50%);

  display: flex;

  gap: 6px;

  padding: 5px;

  border-radius: 9px;

  background: rgba(255,255,255,.16);

  border: 1px solid rgba(255,255,255,.18);

  backdrop-filter: blur(15px);
}

.laptop-os-dock button {
  width: 25px;
  height: 25px;

  border: 0;

  border-radius: 6px;

  background: rgba(255,255,255,.08);

  color: white;

  font-size: 14px;

  cursor: pointer;

  transition: background .2s, box-shadow .2s;
}

.laptop-os-dock button:hover {
  background: rgba(255,255,255,.28);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);
}

.laptop-os-powered-off {
  position: absolute;

  inset: 0;

  background: #050505;

  z-index: 50;

  display: flex;

  justify-content: center;
  align-items: center;

  opacity: 0;

  visibility: hidden;

  transition:
    opacity .5s,
    visibility .5s;
}

.laptop-os-powered-off.active {
  opacity: 1;

  visibility: visible;
}

.laptop-os-power-logo {
  font-family: monospace;

  color: #aaa;

  font-size: 22px;
}

.laptop-os-hinge {
  position:absolute;top:100%;left:5%;width:90%;height:5px;margin:-2px 0 0;z-index:2;

  background:
    linear-gradient(
      to bottom,
      #151515,
      #555
    );

  border-radius: 50%;
}

.laptop-os-keyboard-base {
  position:absolute;top:100%;left:0;width:100%;height:clamp(200px,46cqw,310px);margin:0;
  transform-origin:50% 0;transform:rotateX(90deg);transform-style:preserve-3d;
  border-radius:4px 4px 12px 12px;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px),
    linear-gradient(105deg,#55575b,#727478 42%,#939598 72%,#6c6e72);
  box-shadow:inset 0 1px 0 #bfc1c4,inset 0 -3px 3px #45474a,0 4px 0 #939599;
}
.laptop-os-keyboard-base::before {
  content:"";position:absolute;bottom:5px;left:43%;width:14%;height:3px;
  border-radius:50% 50% 2px 2px;background:#8c98a4;box-shadow:inset 0 1px 2px #5d6975;
}
.laptop-os-keyboard-base::after {
  content:""; position:absolute; top:100%;left:0;right:0;height:4px;
  transform:rotateX(-90deg);transform-origin:50% 0;
  border-radius:0 0 4px 4px;
  background:linear-gradient(#b6b8bb,#707276); pointer-events:none;
}
.laptop-os-keyboard {
  position:relative; width:84%; margin:0 auto; top:4.5%; padding:clamp(5px,1cqw,7px);
  border:1px solid #424549; border-radius:6px;
  background:#282a2d;
  box-shadow:inset 0 1px 4px #111,0 1px 0 #a0a2a5;
}
.laptop-os-keyboard-row {display:flex;gap:clamp(2px,.6cqw,4px);height:clamp(15px,3.5cqw,24px);margin-bottom:clamp(2px,.6cqw,4px)}
.laptop-os-keyboard-row:last-child {margin-bottom:0}
.laptop-os-keyboard-row span, .laptop-os-power-button {
  display:flex; align-items:center; justify-content:center; flex:var(--key-units,1); min-width:0;
  height:100%; border:1px solid #101419; border-radius:3px; color:#e0e4e8;
  background:linear-gradient(175deg,#34393f,#23282e 55%,#1b2026);
  box-shadow:inset 0 1px 0 #535b63,inset 0 -1px 0 #14181d,0 1px 1px #29313a;
  font:9px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-shadow:0 0 3px rgba(220,233,248,.2);
}
.laptop-os-function-row {height:clamp(11px,2.3cqw,16px)}
.laptop-os-function-row span {font-size:7px;color:#c3cbd3}
.laptop-os-keyboard-row .laptop-os-modifier-key {font-size:7px;align-items:flex-end;padding-bottom:2px}
.laptop-os-power-button {position:static;cursor:pointer;color:#e2e7ed;font-size:9px;background:linear-gradient(#11161c,#242b32)}
.laptop-os-power-button:hover {background:#455361;color:#fff}
.laptop-os-arrow-keys {flex:2.75;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:1px}
.laptop-os-arrow-keys span {font-size:5px;border-radius:2px}
.laptop-os-arrow-up {grid-column:2;grid-row:1}
.laptop-os-arrow-left {grid-column:1;grid-row:2}
.laptop-os-arrow-down {grid-column:2;grid-row:2}
.laptop-os-arrow-right {grid-column:3;grid-row:2}
.laptop-os-trackpad {
  position:absolute; left:50%; bottom:6.5%; transform:translateX(-50%);
  width:38%;height:26.5%;border:1px solid #505255; border-radius:5px;
  background:linear-gradient(120deg,#6b6d71,#818387);
  box-shadow:inset 0 1px 2px #5d5f63,0 1px 0 rgba(220,222,226,.35);
}
.laptop-os-speaker {
  position:absolute;top:7.4%;width:3%;height:50.3%; border-radius:3px;
  background:
    radial-gradient(circle,#4f5a64 .6px,transparent .85px) 0 0 / 2.6px 2.6px,
    linear-gradient(90deg,rgba(99,111,123,.12),rgba(240,244,248,.12));
  box-shadow:inset 0 0 2px rgba(109,121,133,.25);pointer-events:none;
}
.laptop-os-speaker-left {left:3%}
.laptop-os-speaker-right {right:3%}

.laptop-os-laptop-shadow {
  position: absolute;

  width: min(520px, 65vw);
  height: 40px;

  top: 66%;

  background:
    radial-gradient(
      ellipse,
      rgba(0,0,0,.75),
      transparent 70%
    );

  filter: blur(12px);

  animation:
    laptopOSshadowFloat 5s ease-in-out infinite;
}

@keyframes laptopOSfloatLaptop {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-13px);
  }
}

@keyframes laptopOSshadowFloat {

  0%,
  100% {
    transform: scale(1);

    opacity: .75;
  }

  50% {
    transform: scale(.88);

    opacity: .5;
  }
}

@keyframes laptopOScursorBlink {

  0%,
  50% {
    opacity: 1;
  }

  51%,
  100% {
    opacity: 0;
  }
}

@media (max-width: 600px) {

  .laptop-os-laptop-wrapper {
    width: 95vw;
  }

  .laptop-os-project-grid {
    grid-template-columns: 1fr;
  }

  .laptop-os-desktop-icons {
    padding: 15px;
  }

}

.laptop-os-laptop-wrapper {width:100%;padding-bottom:125px;perspective:2200px;perspective-origin:50% 70%}
.laptop-os-screen-frame {width:100%;aspect-ratio:auto;padding:6px 6px 12px;border-radius:12px 12px 5px 5px;background:#131416;box-shadow:0 0 0 1px #919396,inset 0 0 0 2px #303235}
.laptop-os-screen {height:auto}
.laptop-os-desktop {
  display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-rows:25px minmax(0,1fr) 48px;height:330px;
}
.laptop-os-menu-bar {grid-area:1 / 1;font-size:9px}
.laptop-os-desktop-icons {grid-area:2 / 1;align-content:start;grid-template-columns:repeat(4,minmax(0,60px));gap:12px 8px;padding:18px}
.laptop-os-desktop-icon {font-size:9px;min-height:48px}
.laptop-os-app-window {
  grid-area:2 / 1;position:relative;inset:auto;align-self:stretch;justify-self:center;
  width:90%;height:auto;min-width:0;min-height:0;margin:12px 0 0;transform:scale(1);transition:none;
}
.laptop-os-app-window.active {display:flex;flex-direction:column;transform:scale(1)}
.laptop-os-app-window.is-closing {display:flex;flex-direction:column;opacity:1;z-index:19;pointer-events:none}
.laptop-os-app-window.maximized {width:98%;margin-top:3px}
.laptop-os-window-header {flex-shrink:0;height:30px;font-size:10px}
.laptop-os-window-header > span {pointer-events:none}
.laptop-os-window-buttons {gap:3px}
.laptop-os-window-buttons button {
  width:18px;height:22px;position:relative;border-radius:0;background:transparent;
}
.laptop-os-window-buttons button::after {
  content:"";position:absolute;width:9px;height:9px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;
}
.laptop-os-close::after {background:#ff5f57}
.laptop-os-minimize::after {background:#febc2e}
.laptop-os-maximize::after {background:#28c840}
.laptop-os-window-content {height:auto;padding:14px;overflow:visible;overflow-wrap:anywhere}
.laptop-os-about-content {flex:1}
.laptop-os-small-text {font-size:10px}
.laptop-os-about-content h3 {font-size:22px;line-height:1.2;margin:5px 0}
.laptop-os-about-content h4 {font-size:12px;margin-bottom:10px;color:#ff996f}
.laptop-os-about-content p {font-size:11px;max-width:none}
.laptop-os-skill-tags span {font-size:9px}
.laptop-os-project-card h3 {font-size:11px;line-height:1.3}
.laptop-os-project-card p,.laptop-os-project-number {font-size:9px}
.laptop-os-resume-title h2 {font-size:16px;line-height:1.3}
.laptop-os-resume-title p,.laptop-os-resume-section p,.laptop-os-resume-section span {font-size:10px}
.laptop-os-resume-section h3,.laptop-os-resume-section strong {font-size:11px}
.laptop-os-terminal {height:auto;min-width:0;font-size:10px;overflow-wrap:anywhere}
.laptop-os-terminal-output pre {white-space:pre-wrap;font:inherit;color:#ccc}
.laptop-os-terminal-line {flex-wrap:wrap;margin-top:8px}
.laptop-os-terminal-line input {flex-basis:70px;min-height:30px;font-size:12px}
.laptop-os-dock {grid-area:3 / 1;position:relative;bottom:auto;left:auto;transform:none;align-self:center;justify-self:center}
.laptop-os-dock button {width:30px;height:30px}
.laptop-os-dock button[aria-expanded="true"] {background:rgba(255,255,255,.3);box-shadow:inset 0 -2px 0 #ffe0c5}
.laptop-os-detail-content {font-size:11px;line-height:1.5;color:#c9c9c9}
.laptop-os-detail-content h3 {font-size:16px;line-height:1.3;color:#fff;margin-bottom:10px}
.laptop-os-detail-content p {margin:7px 0}
.laptop-os-detail-accent,.laptop-os-detail-content dt {color:#ffad88}
.laptop-os-detail-content dt {margin-top:8px;font-weight:600}
.laptop-os-detail-content dd {margin:2px 0 0}
.laptop-os-detail-content ul {padding-left:15px;margin-top:8px}
.laptop-os-detail-content li {margin:5px 0}
.laptop-os-contact-links {display:grid;gap:10px;margin-top:14px}
.laptop-os-contact-links a {color:#ffd1b9;text-underline-offset:3px}
.laptop-os-laptop-shadow {width:80%;left:10%;top:auto;bottom:-20px;pointer-events:none}
.laptop-os-laptop-wrapper:is(:hover,:focus-within) {animation-play-state:paused}
@media (max-width:1100px) {.about-laptop {margin:28px auto 38px}}
@media (max-width:600px) {
  .laptop-os-laptop-wrapper {padding-bottom:110px}
  .laptop-os-laptop {width:88%;--pose-yaw:-12deg;--pose-pitch:-20deg;--pose-scale:.82;transform:translateX(4%) rotateY(calc(var(--pose-yaw) + var(--tilt-y,0deg))) rotateX(calc(var(--pose-pitch) + var(--tilt-x,0deg))) scale(var(--pose-scale))}
  .laptop-os-screen-frame {width:100%}
  .laptop-os-menu-bar {font-size:8px;padding:0 7px}
  .laptop-os-menu-left,.laptop-os-menu-right {gap:5px}
  .laptop-os-project-grid {grid-template-columns:1fr 1fr}
  .laptop-os-window-content {padding:10px}
  .laptop-os-app-window {width:94%}
  .laptop-os-about-content h3 {font-size:20px}
  .laptop-os-terminal-line input {font-size:16px}
  .laptop-os-desktop {grid-template-rows:25px minmax(0,1fr) 82px;height:357px}
  .laptop-os-dock {display:grid;grid-template-columns:repeat(4,30px);gap:5px}
  .laptop-os-desktop-icons {padding:14px 10px;gap:12px 5px}
  .laptop-os-desktop-icon {font-size:7px}
  .laptop-os-keyboard-row span {font-size:4px;border-radius:2px}
  .laptop-os-keyboard-row .laptop-os-modifier-key {font-size:3px;padding-bottom:1px}
  .laptop-os-function-row span {font-size:3.5px}
  .laptop-os-keyboard-row:last-child {margin-bottom:0}
  .laptop-os-arrow-keys span {font-size:4px}
  .laptop-os-speaker {background-size:2px 2px,auto}
  .laptop-os-speaker-left {left:3%}
  .laptop-os-speaker-right {right:3%}
}
@media (prefers-reduced-motion:reduce) {
  .about-laptop *, .about-laptop *::before, .about-laptop *::after {animation:none!important;transition:none!important}
}

@media (max-width:720px) {
  body .about-laptop {
    display:block !important;
    width:100%;
    max-width:680px;
    margin:10px auto 18px;
    overflow:visible;
  }

  body .about-laptop .laptop-os-laptop-wrapper {
    width:100%;
    margin:0 auto;
  }

  body .about-laptop .laptop-os-laptop {
    width:94%;
    --pose-yaw:-18deg;
    --pose-pitch:-18deg;
    --pose-scale:.92;
    transform:translateX(10%) rotateY(calc(var(--pose-yaw) + var(--tilt-y,0deg))) rotateX(calc(var(--pose-pitch) + var(--tilt-x,0deg))) scale(var(--pose-scale));
  }

  body .about-laptop .laptop-os-screen {
    height:auto;
    aspect-ratio:560 / 330;
  }

  body .about-laptop .laptop-os-desktop {
    position:absolute;
    inset:0 auto auto 0;
    width:560px;
    height:330px;
    grid-template-rows:25px minmax(0,1fr) 48px;
    transform:scale(var(--laptop-os-desktop-scale,.5));
    transform-origin:top left;
  }

  body .about-laptop .laptop-os-menu-bar {
    padding:0 10px;
    font-size:9px;
  }

  body .about-laptop .laptop-os-menu-left,
  body .about-laptop .laptop-os-menu-right {
    gap:8px;
  }

  body .about-laptop .laptop-os-desktop-icons {
    padding:18px;
    gap:12px 8px;
    font-size:9px;
  }

  body .about-laptop .laptop-os-app-window {
    width:90%;
    margin-top:12px;
  }

  body .about-laptop .laptop-os-window-header {
    height:30px;
    font-size:10px;
  }

  body .about-laptop .laptop-os-window-content {
    padding:14px;
    overflow:visible;
  }

  body .about-laptop .laptop-os-about-content h3 {
    font-size:22px;
  }

  body .about-laptop .laptop-os-terminal-line input {
    font-size:12px;
  }

  body .about-laptop .laptop-os-dock {
    display:flex;
    grid-template-columns:none;
    gap:6px;
  }
}