.contanier{

      position: relative;
      width: 310px;
      background-color: #ecf7fc;
      margin: 10% auto;
      border: 3px solid #3b3b3b;
      padding: 25px;
      justify-content: center;

      }

#formTask{
      font-family: Arial;
      font-size: 11pt;
      font-color:#3b3b3b;
      font-weight: bold;
      margin: 35px;
      border: 3px #3b3b3b;
      padding: 5px;
      }

.inputBox {

      min-width: 300px;
      height: 25px;
      margin: 0.5rem auto;
      background-color: #f8fefe;
      border: 2px solid #bed1e1;
      border-style: groove;
      outline: none;
      display: flex;
      flex-direction: column;
      }

button.btn{
      display: block;

      font-family: Arial;
      font-weight: bold;
      font-size: 11pt;
      font-color:#3b3b3b;
      width: 200px;
      height: 40px;
      margin: 0.2rem auto ;
      vertical-align: middle;
      background-color: transparent;
      border-radius: 20px;
      border: 5px #c8daef;
      border-style: solid;
      }