body{
  /*não foi instalado qualquer fonte family pelo css ou atravez de pasta local porque no exercicio pareceu ser Gill sans a fonte usada*/
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  max-width: 1000px;
  max-height: 825px;
  font-size: 15px;
  margin: 0px;
  margin: auto;
  width: 100%;
  max-width: 100%;
}

/*--------->header<---------*/

header{height: 45px;}

header > nav > div{
  display: flex;
  justify-content: right;
  align-items: center;
  /*border: 1px solid red;*//*borda de orientação de construção do site*/
}
 
header > nav > div > a{
  color: black;
  text-decoration: none;
  margin: 0px 15px;
}

header > nav > div > img{margin: 0px 6px;}

a:hover{text-decoration: underline;}

#apps{border: 5px solid white;}
#apps:hover{
  border: 5px solid rgb(207, 205, 205);
  border-radius: 20px;
}

#user{border: 5px solid white;}
#user:hover{ 
  border: 5px solid rgb(207, 205, 205);
  border-radius: 20px;
}

/*--------->main<---------*/

main{
  height: 650px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: block;
  /*border: 1px solid red;*//*borda de orientação de construção do site*/
}

main > div > img{margin-top: 200px;}

main > div a{text-decoration: none;}

main > div {padding: 5px;}

main > div:nth-of-type(2){
  display: grid;
  justify-content: center;
  align-items: center;
  border: 2px solid rgb(233, 232, 232);
  border-radius: 50px;
  grid-template-columns: 7% 79% 7% 7%;
  width: 55%;
  margin: 30px auto;
}

main > div > input{
  border: none;
  outline: none;
}

main > div:nth-of-type(2):hover{border: 2px solid rgb(209, 208, 208);}

#lupa{
  width: 18px;
  height: 18px;
}

main > button{
  background-color: rgb(233, 232, 232);
  border: 1px solid white;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  padding: 8px 18px;
  margin: 5px;
}
button:hover {border: 1px solid rgb(207, 205, 205);}

main > div > a:last-child{margin-left: 4px;}

/*--------->footer<---------*/

footer{
  height: 130px;
  background-color: rgb(233, 232, 232);
  color: rgb(78, 78, 78);
  /*border: 1px solid red;*//*borda de orientação de construção do site*/
}

#links_footer a:nth-of-type(5){margin-left: 100px;}

footer > div > nav > div{
  text-align: center;
  margin-bottom: 28px; 
}

footer > div > div > p{
  margin-left: 20px;
  padding-top: 10px;
}

footer > div > hr{
  background-color: rgb(207, 205, 205);
  height: 1px;
  border: none;
}

footer > div > nav > div > a{
  color: rgb(78, 78, 78);
  text-decoration: none;
  margin: 0px 15px;
}

#folha{
  width: 15px;
  height: 15px;
}