*,
*:after,
*:before {
    padding:0;
    margin:0;
    box-sizing:border-box;

}

a:link,
a:visited {
    color:black;
}

a:hover {
    text-decoration: none;;
}
@font-face {
    font-family: "Standard";
    src: url("fonts/standard-book-webfont.woff2") format("woff2"),
         url("fonts/standard-book-webfont.woff") format("woff");
  }

  @font-face {
    font-family: "Standard";
    src: url("fonts/standard-bold-webfont.woff2") format("woff2"),
         url("fonts/standard-bold-webfont.woff") format("woff");
         font-weight:bold;t
  }


  @font-face {
    font-family: 'whoismono';
    src: url('fonts/whois-mono.eot');
    src: url('fonts/whois-mono.eot?#iefix') format('embedded-opentype'),
         url('fonts/whois-mono.woff') format('woff'),
         url('fonts/whois-mono.ttf') format('truetype'),
         url('fonts/whois-mono.svg#whoismono') format('svg');
    font-weight: normal;
    font-style: normal;

}

.hidden {
    opacity: 0;
    visibility: hidden;
    position: fixed;
}

  body {
    font-family:'Standard';
    font-size:2em;
    background:#0000FE;
    color:#FFF;
}

h1, h2 {
    font-weight:normal;
    font-size:5.25vw;
    line-height:1em;
    text-align:right;
}

/* h1 div {
    position:fixed;
    
    padding:1rem;
    line-height:0.9em;
    letter-spacing:-0.05em;
} */

.blur {
    filter:blur(8px);
}



#title__top-left { top:0; left:0; }
#title__top-right { top:0; right:0; text-align:right;}
#title__bottom-left { bottom:0; left:0; }
#title__bottom-right { bottom:0; right:0; text-align:right;}

#countdown-container {
    position:fixed;
    /* border:0.2em solid black; */
    padding:1.5rem;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    font-size:1.5em;
    max-width:1200px;
    text-align:center
    
}

.tooltip {
    position:fixed;
    font-size:0.5em;
    background:white;
    padding:1em;
    width:100%;
    max-width:600px;
    display:none;
    text-align:left;
}


canvas {
	position:fixed;
	top:0; left:0;
	width:100%; height:100vh;
	z-index:1;
    filter:blur(20px)
}

h3 {
    font-weight:normal;
    font-size:24px;
    text-transform:uppercase;
    position:fixed;
    bottom:10px;
    left:10px;
    z-index:2;
}
.mono {
    font-family:'whoismono';
}

.current {
    position:relative;
    z-index:2;
}

@media (max-width:1000px) {

    h1 {
        font-size:1.5em;
        padding:0.5rem;
    }

    h2 {
        font-size:1.5em;
        padding:0;
    }
    h1 div {
        position:static;
        display:block;
        padding:0;
        
        text-align:left!important;
    }

    h1 div br {
        
        display:none;
    }

   

  

    #countdown-container {
        position:static;
        border:none;
        text-align:left;
        transform:none;
        padding:0.5rem;
        display:block;
        
    }

    .tooltip {
        position:static;
        
        display:block;
        padding:0.5rem;
        margin-top:2em;
    }
    
}