*::before, *, *::after {
  color: #37371F;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  font-weight: 400;

  user-select: none;
  
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

:not(i.bx)::before, :not(i.bx), :not(i.bx)::after {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body {
  background-color: #90BE6D;
  height: 100vh;
  width: 100vw;
}

div.window {
  z-index: 0;
  position: absolute;
  background-color:#C9E3AC;
  border-radius: 16px;
  overflow: hidden;

  transition-duration: 200ms;
}

div.window.disabled header {
  opacity: .6;
}
div.window.disabled main {
  opacity: .8;
  pointer-events: none;
}

header {
  z-index: 1;
  display: block;
  height: 96px;
  padding: 32px;
}

div.window-icons {
  position: absolute;
  width: 144px;
  height: 32px;
  right: 32px;
  top: 32px;
  z-index: 2;
}

div.window-icons > button {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: lab(50 -4 15);
  border-radius: 16px;
  margin-left: 16px;
  opacity: .8;
}

div.window-icons > button:hover {
  opacity: 1;
  border-radius: 12px;
}

div.window-icons > button:last-child:hover {
  opacity: 1;
  border-radius: 12px;
  background-color: lab(40 59 43);

}

div.window-icons > button:last-child {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: lab(40 59 43);
  border-radius: 16px;
  margin-left: 16px;
}

h1 {
  font-weight: 800;
  font-size: 32px;

  position: relative;
  z-index: 1;
}


div.silhouette {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  height: 96px;
  background-color: lab(93 -10 24);

  border-top-left-radius: 16px;
  border-top-right-radius: 16px;

  opacity: .6;
}

header:hover div.silhouette {
  opacity: 1;
}

main {
  height: calc(100% - 96px);
  width: 100%;

  overflow: scroll;

  padding: 32px;

  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

div.desktop {
  width: 100%;
  height: 100%;
  background-color: red;
}