* {
    border: none;
    text-decoration: none;
}

#form {
    --black: #0D114F;
    --white: rgb(28,28,40);
    --red: #E83F5B;
    --light-blue: #E0ECFF;
    --blue: #3485FF;
    --background: #fbfcff;
    --overlay: #040911;
    --icon-details: #A5B0C1;
  
    --grey-dark: #4D5E77;
    --grey-blue: #A1B2CD; 
    --grey-light: #D3D9E2;
    --grey-medium: #eaecf1;
  
    font-size: 62.5%;
  }
  
  body {
    height: 100vh;
    width: 100vw;
    background: var(--background);
  }
  
  body#form, button, input {
    /*intervalo de tamanho*/
    font-size: clamp(12px, 1rem, 2vw);
    font-family: 'Open Sans', sans-serif;
    font-family: 'Poppins', sans-serif;
  }

  textarea {
    font-family: 'Open Sans', sans-serif;
    font-family: 'Poppins', sans-serif;
  }

  .content {
    width: 100%;
    margin: 0 auto;
  }
  
  .scr-only {
    position: absolute;
    height: 1px;
    width: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  
  /*Input and Buttons*/
  input, button, .buton {
    border-radius: .8rem;
    height: 5rem; 
  }
  
  button, .buton {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 0;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    background: var(--blue);
    color: var(--white);
    transition: .2s;
  }
  
  button:hover, .buton:hover {
    filter: brightness(1.2);
  }
  
  button > img, .buton > img {
    margin-right: 1rem;
    width: 2rem;
  }
  
  button.outlined, .buton.outlined{
    background: var(--white);
    color: var(--blue);
    border: .2rem solid var(--blue);
  }
  
  button.red, .buton.red {
    width: 15.5rem;
    height: 5rem;
    background: var(--red);
    color: var(--white );
  }
  
  button.grey, .buton.grey {
    width: 7.9rem;
    height: 3rem;
    background: var(--grey-light);
    color: var(--overlay);
    font-size: 1rem;
    cursor: pointer;
  }

  button.blue, .buton.blue {
    width: 7.9rem;
    height: 3rem;
    cursor: pointer;
  }
  
  /* HEADER */
  .content header {
    width: 80%;
    margin: 3.5rem auto;
  }
  
  .content header img {
    width: 16.7rem;
  }