body,html{margin:0;padding:0;box-sizing:border-box;font-family:Cinzel,serif;font-size:16px;height:100vh;width:100vw;background-color:#000}body{overflow:hidden}main#countdown{width:100%;height:100%;justify-content:center;align-items:center;color:#fff;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}#countdown section,main#countdown{display:flex;flex-direction:column}#countdown section{text-align:center}#countdown strong{min-width:1.5rem}::selection{color:#000;background-color:#fff}h1{font-weight:400}strong{display:inline-block;text-align:center;font-weight:700}.hide{display:none}.nav{right:0}.info-box,.nav{position:absolute;top:0;z-index:1000}.info-box{left:0;height:100vh;width:100vw;background-color:#ccc;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:all .5s ease-in-out}.info-box.hidden{opacity:0;visibility:hidden}button.info-box-button{position:absolute;right:0;top:0;color:#000;z-index:20;outline:none}button.info-box-button.open{color:#fff}.social{margin-top:1rem}.social,.social a,.social a:hover,.social a:hover:focus{text-decoration:none}button{border:none;padding:1rem;z-index:1000;background-color:transparent;color:#fff}button.share{border-radius:50%;padding:1rem;transition:all 125ms;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 12px 0 rgba(0,0,0,.12)}.social a~a{margin-left:12px}button.share:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.2);transform:scale(1.05)}button.share svg{float:left;height:1rem;width:auto}button.share img.facebook{background-color:#3b5998}button.share img.twitter{background-color:#55acee}@media (min-width:768px){body{font-size:24px}}@media (min-width:992px){body{font-size:36px}}@media (min-width:1200px){body{font-size:40px}}@media (min-width:1900px){#countdown{font-size:6rem}strong{min-width:7rem}}