:root{margin:0;padding:0}body{margin:0;padding:0;overflow:auto;min-width:100vw;min-height:100vh;background:url(images/bg-stars.svg),url(images/pattern-hills.svg) no-repeat bottom,linear-gradient(#191a24,#1e1825);background-size:100% auto;font-family:Red Hat Text;justify-content:space-between}body,main{display:flex;flex-direction:column;align-items:center}main{justify-content:space-around;gap:100px;margin-top:7%}h2{color:#fff;text-transform:uppercase;letter-spacing:.5em;margin:0 10%}#timer,h2{text-align:center}#timer{width:94%;max-width:1000px;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;margin:1%;gap:50px}#timer h3{font-size:14px;color:#8486a9;text-transform:uppercase;letter-spacing:.25em;margin-top:30px}@media (max-width:750px){#timer{gap:30px}}.number,.time-block{position:relative}.number{color:#d1526f;text-align:center;font-size:5em;align-self:stretch}@media (max-width:950px){.number{font-size:4em}}@media (max-width:750px){.number{font-size:2.6em}}.top-block{width:180px;height:90px;background-color:#2d2c44;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;overflow:hidden}.top-block:before{border-radius:0 100% 0 0}.top-block:after,.top-block:before{display:inline-block;align-self:flex-end;width:5px;height:5px;content:"";background-color:#15151e}.top-block:after{border-radius:100% 0 0 0}.top-block .number{top:41%}@media (max-width:950px){.top-block{width:150px;height:75px}}@media (max-width:750px){.top-block{width:90px;height:45px}}.bottom-block{width:180px;height:90px;background-color:#2d2c44;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;overflow:hidden;background-color:#343650;border-radius:0 0 10px 10px;box-shadow:0 10px 0 2px #15151e}.bottom-block:before{border-radius:0 100% 0 0}.bottom-block:after,.bottom-block:before{display:inline-block;align-self:flex-end;width:5px;height:5px;content:"";background-color:#15151e}.bottom-block:after{border-radius:100% 0 0 0}.bottom-block .number{top:41%}@media (max-width:950px){.bottom-block{width:150px;height:75px}}@media (max-width:750px){.bottom-block{width:90px;height:45px}}.bottom-block:before{border-radius:0 0 100% 0;align-self:flex-start}.bottom-block:after{border-radius:0 0 0 100%;align-self:flex-start}.bottom-block .number{top:-59%;color:#fb6087}.flip{position:absolute;top:0;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;transform-style:preserve-3d}.flip .top-block{position:absolute;top:0;-moz-transform:rotateX(0deg);transform:rotateX(0deg)}.flip .top-block,.flip .top-block .number{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.flip .bottom-block{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg);box-shadow:none}.flip-start{transition:transform 0s;-webkit-transform:translateY(0) rotateX(0deg);-moz-transform:translateY(0) rotateX(0deg);transform:translateY(0) rotateX(0deg)}.flip-transform{-webkit-transform:translateY(90px) rotateX(180deg);-moz-transform:translateY(90px) rotateX(180deg);transform:translateY(90px) rotateX(180deg);transition:transform .3s}@media (max-width:950px){.flip-transform{-webkit-transform:translateY(75px) rotateX(180deg);-moz-transform:translateY(75px) rotateX(180deg);transform:translateY(75px) rotateX(180deg)}}@media (max-width:700px){.flip-transform{-webkit-transform:translateY(45px) rotateX(180deg);-moz-transform:translateY(45px) rotateX(180deg);transform:translateY(45px) rotateX(180deg)}}footer{display:flex;flex-direction:column;align-items:center;gap:60px}#social-buttons{display:flex;flex-direction:row;gap:30px}.social-button:hover{filter:invert(52%) sepia(77%) saturate(2115%) hue-rotate(311deg) brightness(103%) contrast(97%)}.attribution{margin:20px;font-size:11px;text-align:center;color:#d3d3d3}.attribution a{color:#8486a9}.attribution a:hover{color:#fb6087}