body{
    background-color: darkgrey;
 }
 a{
    color: chocolate;
 }
h1{
    font-size: 35px;
    
}
p{
    color:black;
}
form{
    width: 50%; 
    margin: 20px; 
}
form{
  border: 1px solid #ccc;
  padding: 20px;
  }
label{
    font-size: 14px;
    display: block;
    width: 100%;
}
input{
    margin-bottom: 20px;
    width: 50%;
}
input:focus, textarea{
border: 1px solid #1668c4;
}
textarea{
    resize: vertical;
    max-height: 300px;
    min-height: 100px;
}
input[type="submit"]{
    background: #000099;
    border: none;
}
 nav ul{
       list-style: none;
       margin: 0;
       padding: 0;
     }
     nav ul li{
      float: left;
    }
    nav a{
      color: crimson;
      text-decoration: none;
      display: block;
      padding: 12px 26px;
      font-size: 20px;
    }
    nav{
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d0e4f7+0,73b1e7+24,0a77d5+50,539fe1+79,87bcea+100;Blue+Pipe+%231 */
background: rgb(208,228,247); /* Old browsers */
background: -moz-linear-gradient(top, rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); 
      width: 100%;
      height: 52px;
    }
    .barra{
      color: #1a31fff8;
      padding:15px 0 0 0;

    }
    nav a:hover{
      color: #cce0ff;
      background: #9999ff;
      }