*{

    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'barlow-medium';
  }

  
@font-face{
    font-family: 'sf-pro-regular';
    src: url(font/sf-pro-regular.OTF);
    }
    @font-face{
        font-family: 'sf-pro-title';
        src: url(font/sf-pro-title.OTF);
        
    
    }
    
    @font-face{
        font-family: 'barlow';
        src: url(font/Barlow-Medium.ttf);
        
    
    }
    

  body{
    margin: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    background: #171717;
  }


  .container{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 90%;
    max-width: 1700px;
    margin: 5%;
    background-color: none;
  }

  .form{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 90%;
    max-width: 1600px;
    background-color: rgb(41, 42, 42);
    border-radius: 20px;
    border: 2px rgba(255, 255, 255, 0.344) solid;
  }

  .cntr{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    width: 95%;
    max-width: 1500px;
    margin: 2%;
    background-color: none;
    font-family: 'sf-pro-title';
    color: white;
  }

  .cntrhead{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    text-align: center;
    margin-top: 2%;
  }

  .cntrbody{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    text-align: left;
    margin-top: 2%;
  }

  h2{
    font-family: 'sf-pro-title';
    font-size: 35px;
  }

  h4{
    font-family: 'sf-pro-regular';
  }

  p{
    font-family: 'sf-pro-regular';
    margin-bottom: 2%;
    margin-left: 1%;
    transition: .1s ease-in-out;
    color: rgb(255, 255, 255);
  }

  p:hover{
    color: rgb(228, 221, 207);
  }