body{
  margin:0;
  overflow:hidden;
  background:#008b8b;
  font-family:"Courier New", monospace;
  color:white;
}

.scanlines{
  position:fixed;
  inset:0;
  background:repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,0.03),
    rgba(255,255,255,0.03) 1px,
    transparent 1px,
    transparent 3px
  );
  pointer-events:none;
}

header{
  padding:20px;
}

h1{
  font-size:64px;
  margin:0;
  text-shadow:4px 4px black;
}

p{
  font-size:24px;
}

.retro-info{
  position:absolute;
  left:20px;
  top:140px;
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:18px;
}

.yellow{
  color:yellow;
}

.pink{
  color:#ffb6ff;
}

.desktop-icons{
  position:absolute;
  left:40px;
  top:260px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.icon{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:80px;
  font-size:42px;
}

.icon span{
  font-size:16px;
}

.cat{
  position:absolute;
  right:80px;
  bottom:100px;
  font-size:220px;
}

.taskbar{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  height:70px;
  background:#c0c0c0;
  display:flex;
  align-items:center;
  gap:20px;
  padding:10px;
  border-top:3px solid white;
}

.taskbar button{
  font-size:28px;
  font-family:"Courier New", monospace;
  padding:10px 20px;
}

.status{
  margin-left:auto;
  color:black;
  font-size:22px;
}

.popup{
  position:absolute;
  width:280px;
  background:#c0c0c0;
  border:2px solid black;
  box-shadow:4px 4px black;
  z-index:9999;
}

.popup-bar{
  background:#000080;
  color:white;
  padding:5px;
}

.popup-body{
  color:black;
  padding:12px;
}

.popup-body button{
  margin-top:10px;
}