@import url('https://unpkg.com/xp.css');
    @font-face {
      font-family: ComicSans;
      src: url(fonts/ComicSansMS.ttf);
    }
    body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  margin: 0;
  background: black;
  font-size: medium;
  font-family: ComicSans;
}
    a  {
        color: rgb(10, 10, 228);
        text-decoration: none;
    }
    a:hover  {
        color: rgb(22, 133, 224);
        text-decoration: none;
    }
#hardware {
  position: relative;
  aspect-ratio: 1159/900;
  width: 100vw;
  height: 100vh;
  max-width: calc(100vh * (1159 / 900));
  max-height: calc(100vw * (900 / 1159));
  margin: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
#frameOverlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; 
  z-index: 2;
  background-image: url("images/frame.png");
  background-size: cover;
  /* opacity: .5; */
}

#screen {
  position: absolute;
  top: 5%;  
  left: 3.5%;
  width: 93%; 
  z-index: 1;
  overflow: auto;

  aspect-ratio: 4 / 3;
}
.backBtn {
        background-image: url("images/icons/back.png");
        width: 10%;
        height: 10%;
        background-size: cover;
        position: absolute;
        top: 0%;
        left: 2%;
        z-index: 3;
    }
    .backBtn:hover {background-image: url("images/icons/backhover.png");}
    .backBtn:active {background-image: url("images/icons/backpressed.png");}