@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}


body{
    font-family: 'Open Sans', sans-serif;
    height: 100%;
    

}
.main-content{
    background-image: url(/bg3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap:wrap ;
 
    color:#fff;
}
.main-content>h2{
    font-size: 5rem;
    text-transform: uppercase;
}
.countdown{
  display: flex;
  text-align: center;
}
.countdown > div{
    width: 150px;
    padding: 30px 0px;
    background-color: rgba(0,0,0,0.5);
    margin: 20px;
    box-shadow: 2px 3px 5px rgba(0,0,0,0.25);
    font-size: 2.2rem;
    font-weight: bold;

}
.countdown > div > span{
    font-size: 1.2rem;
    font-weight: normal;
    font-family:  sans-serif;
}


@media only screen and (max-width: 854px) {
  
    .main-content>h2{
        font-size: 3rem;
        
    }
    .countdown > div{
        width: 100px;
        padding: 15px 0px;
       
        margin: 5px;
      
        font-size: 1rem;
       
    
    }
    .countdown > div > span{
        font-size: 0.8rem;
        font-weight: normal;
        font-family: Arial;
    }
  }