body,html{color:var(--main-color);font-family:Burbank;height:100%;margin:auto;overflow:hidden;color:#fff}.progressBar{background-color:#cd8c56;overflow:hidden;text-align:center;line-height:72px;height:72px;font-size:20px}.progressBorder{border:5px solid #000;background-color:#fff;margin:auto;width:50%;transition:.5s;overflow:hidden}.main{height:100%;width:100%;display:table;margin-top:0}.wrapper{display:table-cell;height:100%;vertical-align:middle;text-align:center}a{color:var(--main-color);transition:.3s}a:hover{color:var(--main-color-hover)}footer,header{position:fixed;text-align:center;margin-left:-40px;margin-right:0;margin-bottom:0;background-color:var(--main-color);height:18%;width:200%;transform:rotate(1.5deg);transition:.3s;outline:transparent solid 1px;background-color:#000}header{margin-top:-6vh}footer{margin-top:-5.5vh}@media only screen and (max-width:800px){.progressBorder{width:80%}}#title{font-size:40px}#subtitle{font-size:30px;display:none}#progressBar{width:0%}#countdown{font-size:25px}.socials{padding:.2em}@media (max-width:620px){#progressBorder{width:92.5%}}@media (max-width:500px){#title{font-size:28px}#progressBar{height:60px;line-height:60px}}@media (min-width:1600px){.main{zoom:150%}}:root{--main-color:white;--main-color-hover:gray}