@font-face{font-family:VT323;src:url(/VT323-Regular.ttf)format("truetype")}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;font-family:VT323,monospace;overflow:hidden}#rain{z-index:1;display:block;position:absolute;top:0;left:0}#title{color:#00ff46;z-index:2;white-space:nowrap;margin:0;font-family:VT323,monospace;font-size:120px;position:absolute;top:10%;left:50%;transform:translate(-50%,-40%)}#countdown{color:#00ff46;z-index:2;white-space:nowrap;text-align:center;font-family:VT323,monospace;font-size:70px;position:absolute;top:20%;left:50%;transform:translate(-50%)}#details{color:#fff;z-index:2;text-align:center;width:50%;font-family:VT323,monospace;font-size:35px;position:absolute;top:20%;left:50%;transform:translate(-50%,calc(450px - 50%))}#details p{margin:5px 0}#details a{color:#fff;border:2px solid #fff;padding:10px 20px;text-decoration:none;transition:background-color .3s;display:inline-block}#details a:hover{background-color:#fff3}#details a.inline-link{border:none;padding:0;text-decoration:underline;display:inline}#details a.inline-link:hover{color:#00ff46;background-color:#0000}@media (max-width:768px){#title{white-space:nowrap;text-align:center;padding:0 20px;font-size:60px;top:10%}#countdown{font-size:30px;top:15%}#details{width:90%;padding:0 20px;font-size:20px;transform:translate(-50%,calc(250px - 50%))}#details p{margin:10px 0}#details a{padding:10px 20px;font-size:28px}#rain{opacity:.5}}@media (max-width:480px){#title{white-space:nowrap;font-size:50px;top:10%}#countdown{font-size:32px;top:15%}#details{font-size:22px;transform:translate(-50%,calc(220px - 40%))}#details a{padding:8px 16px;font-size:22px}#rain{opacity:.4}}@media (max-width:380px){#title{font-size:38px}#countdown{font-size:32px}#details{font-size:20px}}