:root{--primary:#ffd166;--text-light:#eeeeee;--background:#0d1b2a;--background-light:#1b263b}*,::after,::before{margin:0;padding:0;box-sizing:inherit}body{color:var(--text-light);font-family:"Open Sans",sans-serif;padding:2rem 4rem;background-color:var(--background);box-sizing:border-box;display:flex;flex-direction:column;align-items:center}h1{font-size:4rem;font-weight:700}footer>a:hover,h1>span{color:var(--primary)}main{margin-top:4rem;display:flex;flex-wrap:wrap;justify-content:center}footer{color:rgba(255,255,255,.4);font-size:.8rem;margin-top:2rem}footer>a:link,footer>a:visited{color:inherit}.container{width:100%;max-width:1280px}.header{font-weight:400;display:flex;justify-content:space-between;align-items:center}#currentDate{color:var(--primary)}#currentTime{font-size:4rem;font-weight:600}@media screen and (max-width:1250px){h1{display:none}.header{flex-direction:column-reverse}#currentTime{font-size:3rem;margin-bottom:1rem}#fullDate{text-align:center}}.card:link,.card:visited{color:#fff;text-decoration:none;margin:1.2rem;padding:4rem;background-color:var(--background-light);border-radius:15px;border:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;position:relative;outline:0;transition:.1s}.card:focus,.card:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.02)}.card__name{margin-left:.25em}