:root {
  --primary-color: #2196f3;
    --color: #FFFFFF;
    --font-weight: bold;
  }
  #formEnroll{
    background: var(--primary-color);
      text-align: center;
      margin: 20px 0 10px ;
      }
  #formEnroll .formFont{
    margin: 0;
    font-style: italic;
    font-size: 2em; 
    letter-spacing: .2em;
    color: var(--color);
      }
  #formEnroll .container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
  }
  #formEnroll  .container>select, #formEnroll  .container>span{
    height: 30px;
    outline: none;
  }
  #formEnroll  .container>input {
    margin: 0 10px;
    height: 30px;
    outline: none;
    border:none;
    border-radius: 5px;
    width:90px;
  }
  #formEnroll  .container>select  , #formEnroll  .container>input::placeholder{
    padding: 0 10px;
    color:#806A74;
    border:none;
    border-radius: 5px;
    margin: 0 10px;
    width:166px;
  }
  #formEnroll  .container>span{
    background: #FF0000;
    text-align: center;
    line-height: 30px;
    width: 100px;
    color:#FFFFFF;
    border:none;
    border-radius: 5px;
  }
  #formEnroll  .container>span:hover{
    cursor: pointer;
  }