@font-face {
  font-family:'vazir' ;
  src: url('../font/Vazir-Regular.woff2');
}

*{

  font-family: 'vazir';
}

.nav{

    background-color: #372948;
    width: 100%;
    height: 50px;
    position: relative;
    
    }
    
    ul{
        position: absolute;
        right: 500px;
        
    
    
    
    }
    li{
    
      display: inline-block;
      padding: 10px;
     
   
    
    
    }
    h1{
     color:#251B37 ;

    }
    
    a{
      text-decoration: none;
      color: #251B37;
      font-size: larger;
    }
    .main-header{
     
    
        width: 100%;
        height: 550px;
        background-color: #251B37;
    
    
    }
    footer{
        width: 100%;
        height: 50px;
        background-color: #372948;
    
    }
    
    
    .container{
      
    
        width:1300px;
        height: 500px;
    margin-left: auto;
    margin-right: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      
    
    }
    
    
    
    .box{
        border-radius: 20px;
        width: 300px;
        height: 400px;
        background-color:#FFECEF;
        margin: 50px;
       text-align: center;
 
    }
    .box button{
    
      background-color: #FFCACA;
      color: black;
      border: 1px solid #FFCACA;
      width: 100px;
      height: 50px;
      border-radius: 20px;
    
    }