@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@500;700&display=swap");body{position:relative;font-size:14px;background:url("../images/bg-stars.svg") repeat,#191a24;background-position:bottom;animation:animateBg linear 90s infinite alternate;height:100vh;font-family:'Red Hat Text', sans-serif;overflow-x:hidden}@keyframes animateBg{50%{background-position:1280px 200px}to{background-position:bottom}}.hills{background:url(../images/pattern-hills.svg) repeat-x;width:100%;height:100%;background-position-y:bottom;z-index:-2}main{color:#fff}main h1{text-align:center;letter-spacing:0.1em;font-weight:700}.countdown__date{color:#8486a9;border:0px solid currentColor;max-width:310px;transition:border 300ms 0s linear;border-radius:10px;padding:5px;z-index:1}.countdown__date>input{background-color:transparent;color:inherit;border:0;outline:none}.countdown__date>input::-webkit-calendar-picker-indicator{filter:invert(60%) sepia(2%) saturate(3731%) hue-rotate(199deg) brightness(89%) contrast(93%);position:relative;bottom:1px;margin-left:-30px}.countdown__date:hover{cursor:pointer;border:3px solid currentColor}.countdown__timer{margin-top:25px;position:relative;grid-template-columns:repeat(4, 1fr);gap:20px;text-align:center}.countdown__timer.withYear{grid-template-columns:repeat(5, 1fr)}.countdown__timer .number{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-height:1.4em;margin:.1em 0;color:#fb6087;font-size:3em;font-weight:700}.countdown__timer .number::after{content:attr(data-name);text-transform:uppercase;letter-spacing:0.1em;color:#8486a9;font-weight:500;position:absolute;font-size:.2em;bottom:-10px}.countdown__timer .previous{top:-10px}@media (max-width: 550px){.countdown__timer{margin-bottom:100px;grid-template-columns:repeat(2, 1fr) !important}.container__years{grid-column:span 2}main>h1{max-width:16ch}.countdown__date{width:280px}}footer{position:absolute;bottom:0;width:260px}footer>h2{text-align:center;color:#8486a9;text-transform:uppercase;transition:transform 300ms ease}.links{padding:0 25px}.links button{background-color:transparent}.links img{padding:5px;width:35px;height:35px;transition:filter 300ms ease}.links img:hover{filter:brightness(10);cursor:pointer}.credits{font-size:.7em}.credits a{color:#636592}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border:none}