html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: times;
  overflow: hidden;
  --aero-light: #e8f2fc;
  --aero-mid: #bcd7f2;
  --aero-blue: #3d90de;
  --aero-deep: #1f5fa8;
  --taskbar-top: #2e5b9a;
  --taskbar-bottom: #0c2a52;
  --paper: #fdfdfd;
  --ink: #1b1b1b;
  --muted: #5b5b5b;
  --select: #c2ddfb;
  --select-border: #7ab0e8;
}
.windows {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--aero-deep);
  background: var(--paper);
  box-shadow: 2px 4px 10px rgba(0,0,0,.3);
}
.titlebar{ 
  height: 50px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  
  background: linear-gradient(180deg, 
  rgba(255,255,255,.75) 0%, 
  rgba(255,255,255,.15) 45%, 
  rgba(255,255,255,0) 46%, 
  rgba(200,225,250,.35) 100%), 
  linear-gradient(180deg,
  var(--aero-light) 0%, 
  var(--aero-mid) 50%, var(--aero-blue) 100%);
}