@import"https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,700;1,700&display=swap";:root{font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--Grayish-blue: hsl(237, 18%, 59%);--Soft-red: hsl(345, 95%, 68%);--White: hsl(0, 0%, 100%);--Dark-desaturated-blue: hsl(236, 21%, 26%);--Very-dark-blue: hsl(235, 16%, 14%);--Very-dark-dark-blue: hsl(234, 17%, 12%)}*{overflow-x:hidden}body{margin:0;display:grid;grid-template-columns:1fr;grid-template-rows:6.5fr 3.5fr;min-width:320px;min-height:100vh;background-color:var(--Very-dark-blue);color:var(--White);font-family:Red Hat Text,sans-serif}h1{letter-spacing:.2em;padding-inline:1em;text-align:center}#body-div,footer{position:relative}#body-div{background-image:url(/images/bg-stars.svg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3em}.times-div{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;gap:.5em;padding-inline:.5rem;max-height:max-content}.indiv-div{display:flex;flex-direction:column;align-items:center;gap:2em}.indiv-div>span{color:var(--Grayish-blue)}.inner-div{background-color:var(--Very-dark-dark-blue);border-radius:.4em;display:flex;justify-content:center;align-items:center;position:relative;width:10rem;height:7.5rem;min-width:10rem;min-height:7.5rem;max-width:10rem;max-height:7.5rem;box-sizing:border-box;overflow:hidden;perspective:600px;box-shadow:0 1em var(--Very-dark-dark-blue)}.flip{transform-origin:bottom;animation:flipCard .6s}@keyframes flipCard{0%{transform:rotateX(0)}50%{transform:rotateX(90deg) translateY(-.1rem)}to{transform:rotateX(180deg)}}.inner-back{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:.1rem}.lowwer{background-color:#34364f;perspective:600px}.upper{background-color:#34365080}.number-span{font-size:4rem;font-weight:700;padding-inline:0;background:linear-gradient(to bottom,rgba(251,96,135,.8) 0%,rgba(251,96,135,.8) 49.5%,var(--Very-dark-dark-blue) 49.5%,var(--Very-dark-dark-blue) 50.5%,#fb6087 50.5%,#fb6087 100%);z-index:5;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}footer{display:flex;justify-content:center;align-items:center}#backgroundimg{position:absolute;bottom:0;z-index:-3}footer .socials{display:flex;gap:1em}.socials svg{transition:fill .3s}footer .socials a:hover path{fill:var(--Soft-red)}@media (max-width: 600px){.inner-div{width:6.5rem;height:5rem;min-width:6.5rem;min-height:5rem;max-width:6.5rem;max-height:5rem}.number-span{font-size:2.5rem}}@media (min-width: 680px){.times-div{gap:1em;padding-inline:0}h1{padding:0;text-align:justify}}