style.css

 header {
    background-image: linear-gradient(to right,lightblue,rgb(47, 148, 241) );
    padding: 20px 0;
 }

 .caixa {
   position: relative;
   width: 940px;
   margin: 0 auto;
 }

 nav {
   position: absolute;
   top: 110px;
   right: 0;
 }

 nav li {
    display: inline;
    margin: 0 0 0 15px;
 }

 nav a {
    text-transform: uppercase;
    color: black;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
 }

 nav a:hover {
  color: mediumblue;
  text-decoration: underline;
 }

 .produtos {
   width: 940px;
   margin: 0 auto;
   padding: 50px 0;
}

 .produtos li{
   display: inline-block;
   text-align: center;
   width: 30%;
   vertical-align: top;
   margin: 0 1.5%;
   padding: 30px 20px;
   box-sizing: border-box;
   border: 2px solid black;
   border-radius: 10px;
 }

 .produtos li:hover{
  border-color: mediumblue;
 }

 .produtos li:active{
  border-color: cadetblue;
 }

 .produtos li:hover h2{
  font-size: 34px;
 }

 .produtos h2{
   font-size: 30px;
   font-weight: bold;
 }

 .produto-descricao {
   font-size: 18px;

 }

 footer {
  text-align: center;
  padding: 40px 20px;
  background-image: linear-gradient(to right,lightblue,rgb(47, 148, 241) );
 }

 .texto-rodape {
  color: black;
  font-size: 13px;
  margin: 20px 0 0;
 }

 main {
  width: 940px;
  margin: 0 auto;
 }

 form {
  margin: 40px 0;
 }

 form label {
  display: block;
  font-size: 20px;
  margin: 0 0 10px;
 }

 form input {
  display: block;
  margin: 0 0 20px;
  padding: 10px 25px;
  width: 50%;
 }