@font-face {
    font-family: space-mono;
    src: url("../fonts/SpaceMono-Regular.ttf");
}

body{
    margin: 0px; 
    padding: 0px;
}

#background {
    position: relative;

    /* Create background, make it fit in screen as much as possible */
    background-image: url("../img/Comp_Off.jpg");
    background-size: contain;
    background-repeat: no-repeat;

    /* Auto size div to bg image */
    aspect-ratio: 4000 / 2252;
    max-width: 100vw;
    max-height: 100vh;

    padding: 0px;
    margin: 0px;

    perspective: 121cqmin;
}

#background > * {
    position: absolute;
}


#screen-bounds {
    left: 11.1%;
    top: 15%;
    width: 29.8%;
    height: 29.8%;
    transform-style: preserve-3d;
    transform: rotateX(-9deg) rotateY(14deg) rotateZ(-4deg);
    opacity: 0;
}

#power-button {
    left: 42%;
    top: 47%;
    width: 1cqmin;
    height: 1cqmin;
    opacity: 0;
}

#countdown-timer {
    font-size: 2.5cqmin;
    color: white;
    text-align: center;
    font-family: space-mono;
    top:30%;
    position:absolute;
}

