.countdown,#percentage,#progress-bar,.footer{visibility:hidden}body,html{background-color:#391F3C;font-family:'Outfit', serif}.countdown{position:absolute;-webkit-user-select:none;user-select:none;left:50%;top:40%;width:100%;transform:translate(-50%, -50%);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;color:#C0AEAA;font-weight:800}.countdown div:nth-child(2){display:flex;flex-direction:row;justify-content:space-evenly;width:90%;font-size:7.4vw;transform:translateY(-40%)}.countdown div:nth-child(3){font-size:5vw;transform:translateY(-40%)}#days,#hours,#minutes,#seconds{margin:0;text-wrap:nowrap;text-shadow:-6px 0 6.5px rgba(0, 0, 0, 0.24)}#days{font-size:20vw}#progress-bar{position:absolute;left:50%;top:82%;transform:translate(-50%, -50%);width:50%;background-color:#221324;border-radius:20px;overflow:hidden;box-shadow:-6px 0 6.5px rgba(0, 0, 0, 0.24)}#progress-bar div{height:20px;width:0;border-radius:20px;background:linear-gradient(to right, #C39C1A, #7B4B7D, #C0AEAA)}#percentage{position:absolute;left:49.5%;top:84%;transform:translate(-50%, -50%);color:#C0AEAA;font-size:2.5vh;font-weight:300;text-shadow:-6px 0 6.5px rgba(0, 0, 0, 0.24);-webkit-user-select:none;user-select:none;text-wrap:nowrap}.footer{position:absolute;left:50%;top:92%;transform:translate(-50%, -50%);color:#7B4B7D;font-size:3vh;font-weight:600;letter-spacing:10px;text-shadow:-6px 0 6.5px rgba(0, 0, 0, 0.24);text-wrap:nowrap}@media only screen and (max-width: 600px){#progress-bar{width:85%}.footer{font-size:2vh;letter-spacing:2px;width:100%;display:flex;justify-content:center;text-wrap:nowrap}.countdown div:nth-child(2){flex-direction:column;justify-content:center;align-items:center;transform:translateY(0);font-size:6vh}.countdown div:nth-child(3){transform:translateY(50%);font-size:4vh}}