* {
    margin: 0;
    padding: 0;
    box-sizing: 0;
}

body {
    background-image: url('images/bg01.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }

h2{
    font-size: clamp(5.5rem, 1rem + 10vw ,8rem);
    font-weight: bold;
    color: #fff;
    padding: 3rem;
    font-family: 'Poppins', sans-serif;
}

h3{
    font-family: 'Lato', sans-serif;
    font-size: clamp(0.3, 0.1 + 10vw ,1.5rem);
}

.coming-soon{
    color: #fff;
    min-height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.countdown{
    display: flex;
    justify-content: space-around;
    text-align: center;
}

.day,
.hour,
.minute,
.second {
    font-size: clamp(2.5rem, 1rem + 10vw ,5rem);
    font-family: 'Poppins', sans-serif;
}

@media (max-width: 1012px) {
    h2{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 525px) {
    body {
        background-image: url('images/bg02.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
      }
    .countdown {
        padding: 2em;
    }
}