body{
    margin: 20px;
    padding: 200px;
    text-align: center;
    
    font-family:  "Noto Sans KR", serif;

    background-color: #FCF4E4;

}



.timer {
  text-align: center;
  font-size: 3em;
  font-weight: 100;
  color: white;
  padding: 20px;
  width: 700px;
 
}

.timer div {
  display: inline-block;
  min-width: 90px;
  padding: 15px;
  background: #020b43;
  border-radius: 10px;
  border: 2px solid #030d52;
  margin: 15px;
}

.timer div span {
  color: #ffffff;
  display: block;
  margin-top: 15px;
  font-size: .35em;
  font-weight: 400;
}


@media screen and (max-width: 1024px) {
    .button{
      width: 100%;
     
    }
  }
  @media screen and (max-width: 995px) {
    .main{
      margin-top: 200px;
      
      
    }
  
    .button{
      margin-top: 400px;
    }
    
  
  }
  @media screen and (max-width: 713px) {
    .main{
      margin-top: 300px;
      width: 100%;
    }
   

    .button{
      margin-top: 340px;
    }
  
   
  }
  @media screen and (max-width: 640px) {
    .main{
      margin-top: 300px;
      width: 100%;
    }
   

    .button{
      margin-top: 300px;
    }
  
   
  }
  @media screen and (max-width: 540px) {
    .main{
      margin-top: 300px;
      width: 100%;
    }
   

    .button{
      margin-top: 250px;
    }
  
   
  }
  @media screen and (max-width: 460px) {
    .main{
      margin-top: 300px;
      width: 100%;
     
    }

   

    .button{
      margin-top: 200px;
    }
  
   
  }
  @media screen and (max-width: 350px) {
   .a{
      width: 100%}
      .button{
        margin-top: 170px;
      }
    

  }/*# sourceMappingURL=style.css.map */