@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";@keyframes flip-top {to {transform: rotateX(90deg);}}@keyframes flip-bottom {to {transform: rotateX(0deg);}}* {margin: 0;}.countdown_cover {position: fixed;width: 100%;height: 100%;top: 0;left: 0;display: flex;background: rgba(0, 0, 0, .4);-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);}.countdown_block {width: 85%;max-width: 550px;height: 50vh;border-radius: 15px;display: flex;flex-direction: column;gap: 1rem;align-items: center;justify-content: center;position: relative;background: #1e212a;z-index: 9;margin: auto;}.countdown_block .close {position: absolute;top: 10px;right: 10px;color: #fff;cursor: pointer;}.character {position: absolute;z-index: -1;width: 50%;bottom: 0;}p {color: #fff;font-size: 16px;line-height: 1;font-weight: 400;filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);}.cards {display: flex;gap: 15px;}.cards .card {text-align: center;font-size: 25px;filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.664));}.cards .card p {color: #8486a9;font-size: 11px;letter-spacing: 3px;text-transform: uppercase;}.cards .card .flip-card {display: flex;flex-direction: column;box-shadow: 0 7px 3px 0 #151515;position: relative;margin: 15px auto;}.cards .card .top-half, .cards .card .bottom-half, .cards .card .top-flip, .cards .card .bottom-flip {color: #fbc972;font-size: 42px;height: 11px;width: 64px;padding: 17px 7px;overflow: hidden;text-align: center;will-change: transform !important;box-shadow: 0 3px rgba(71, 83, 115, .2) inset;}.cards .card .top-half, .cards .card .top-flip {color: #fbc972;border-radius: 5px 5px 0 0;background-color: #2c2c44;}.cards .card .top-half::before, .cards .card .top-flip::before {content: "";background-color: #191a24;height: 10px;width: 10px;border-radius: 100%;position: absolute;bottom: -5px;left: -5px;}.cards .card .top-half::after, .cards .card .top-flip::after {content: "";background-color: #191a24;height: 10px;width: 10px;border-radius: 100%;position: absolute;bottom: -5px;right: -5px;}.cards .card .bottom-half, .cards .card .bottom-flip {display: flex;justify-content: center;align-items: flex-end;border-radius: 0 0 5px 5px;background-color: #343650;box-shadow: 0 -2px 5px 0 rgba(71, 83, 115, .7) inset;}.cards .card .bottom-half::before, .cards .card .bottom-flip::before {content: "";background-color: #191a24;height: 10px;width: 10px;border-radius: 100%;position: absolute;top: -5px;left: -5px;}.cards .card .bottom-half::after, .cards .card .bottom-flip::after {content: "";background-color: #191a24;height: 10px;width: 10px;border-radius: 100%;position: absolute;top: -5px;right: -5px;}.cards .card .top-flip {position: absolute;transform-origin: bottom;transform: rotateX(0deg);animation: flip-top .5s ease-in forwards;}.cards .card .bottom-flip {position: absolute;bottom: 0;transform-origin: top;transform: rotateX(90deg);animation: flip-bottom .5s ease-out .5s;}@media only screen and (max-width: 600px) {.web_bg {width: 100%;background-image: url(../Images/mb_bg.png);background-size: cover;}.countdown_block {width: 80%}.title {font-size: 1.8rem;}.cards .card .top-half, .cards .card .bottom-half, .cards .card .top-flip, .cards .card .bottom-flip {width: 45px;font-size: 27px;height: 3px;padding: 15px 4px;}.cards .card p {font-size: 7px;}.character {width: 80%}}