* {
   margin: 0;
   padding: 0;
}

body {
   color: rgba(219, 212, 255, 0.7);
   font-family: monospace;
}

h1 {
   font-size: 100px;
}
h2 {
   font-size: 50px;
}

h4 {
   font-size: 30px;
   font-weight: 100;
   line-height: 50px;
}
.toptext {
   padding-bottom: 30px;
}


.main {
   text-align: center;
   min-height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   background: linear-gradient(#0b0a0c, #252538);
}

.countdown {
   display: flex;
   justify-content: space-around;
   align-items: center;
   text-align: center;
   margin-bottom: 5vh;
}

.day, .hour, .minute, .second {
   color: white;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 150px;
   height: 150px;
   background-color: rgba(0,0,0,0.3);
   border-radius: 30px;
   transition: 200ms cubic-bezier(0,0.08,0.36,1);
}
.day:hover, .hour:hover, .minute:hover, .second:hover {
   background-color: rgba(0,0,0,0.5);
   transform: scale(1.02);
}

.b {
   padding: 10px;
   font-weight: 900;
   font-style: italic;
}