/* Google Fonts - Poppins */
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: "Poppins", sans-serif;
 }
 .container {
   display: flex;
   row-gap: 15px;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   height: 100vh;
   width: 100%;
   overflow: hidden;
 }
 .container .image {
   position: absolute;
   height: 100%;
   width: 100%;
   object-fit: cover;
   z-index: -1;
 }
 .container header {
   font-size: 60px;
   color: #fafafa;
   font-weight: 600;
   text-align: center;
   text-shadow: 0 0 10px black;
 }
 .container p {
   font-size: 16px;
   font-weight: 400;
   color: #fafafa;
   max-width: 550px;
   text-align: center;
   text-shadow: 0 0 10px black;
 }
 .container .time-content {
   display: flex;
   column-gap: 30px;
   align-items: center;
 }
 .time-content .time {
   display: flex;
   align-items: center;
   flex-direction: column;
 }
 .time .number,
 .time .text {
   font-weight: 500;
   color: #fafafa;
   text-shadow: 0 0 20px black;
 }
 .time .number {
   font-size: 40px;
 }
 .time .text {
   text-transform: capitalize;
   font-size: 12px;
 }

 @media screen and (max-width: 490px) {
  .container header {
    font-size: 40px;
  }
}

.container .discord {
 margin: 0 auto;
 font-size: 20px;
 color: #fafafa;
}

.container .discord a {
  color: #711bfa;
}

.container .discord a:hover {
  zoom: 150%;
}

video {
  border-radius: 5px;
}

.game {
  position: absolute;
  /* Display on html left bottom */
  bottom: 0;
  left: 0;
  margin: 10px;
  background: none;
  color: #fafafa;
}

.game button {
  background: none;
  border: none;
  font-size: 1.2rem ;
}

.game button a:hover {
  color: #711bfa;
}

.game button a {
  color: #fafafa;
  /* Disable underline */
  text-decoration: none;
}