@import url(https://fonts.googleapis.com/css?family=Aleo);body,canvas,html{width:100%;height:100%}:root{font-family:Aleo,sans-serif}body,html{padding:0;margin:0;background:#770d0d;background:radial-gradient(circle,rgba(119,13,13,.92) 64%,rgba(0,0,0,.6) 100%)}@keyframes moveBg{0%{background-position:0 30%}100%{background-position:1000% 500%}}.middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;user-select:none}.time{gap:50px;color:#d99c3b;text-transform:uppercase;display:flex;justify-content:center}.time span{padding:0 14px;font-size:.8rem}.time span div{font-size:8rem}@media (max-width:740px){.time span{padding:0 16px;font-size:.6rem}.time span div{font-size:2rem}}canvas{background-color:#770e0e;background-image:url(https://www.transparenttextures.com/patterns/triangles.png)}@media (max-width:768px){.time{gap:0}}