*{
    margin: 0;
    background-color: white;
}

#cabecalho{ 
    display: flex;
    align-items: center;
    width: 100%;
    height: 10vh;
    justify-content:space-around;

}

#cabecalho a{ color: black;
text-decoration: none;
font-size: 20px;}

#base {
    margin-top: 2%;
    width: 100%;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: antiquewhite;
}

#form{
    width: 80%;
    height: 70vh;
   display: flex; justify-content: center; align-items: center;
    display: block;
}

#nome{
    height: 3vh;
    width: 50%;
    margin-top: 2%;
    margin-left: 25%;

}


#email{
    height: 3vh;
    width: 50%;
    margin-top: 2%;
    margin-left: 25%;


}



#nomee{
    margin-top: 5%;
     margin-left: 25%;
    color: wheat;
    font-family: "Jost", sans-serif;

}

#emm{
    margin-top: 2%;
     margin-left: 25%;
    color: wheat;
    font-family: "Jost", sans-serif;
}

#msg{
     height: 8vh;
    width: 50%;
    margin-top: 2%;
    margin-left: 25%;
}




#form span{
     color: black;
    font-family: "Jost", sans-serif;
    font-size: 30px;
  margin-left: 30%;
}
    
#form   a {
    text-decoration: none;
    color: black;
    font-family: "Jost", sans-serif;
}


#btn {
 margin-top: 2%;
 height: 40px;
 width: 5%;
 display: flex;
 justify-content: center;
 align-items: center ;
}

#nav{
    width: 100%;
     display: flex;
    justify-content: center;
    
 
}

#pe {
    height: 25vh;
    background-color: wheat ;
    
  
}



#pe p{
    font-family: "Jost", sans-serif;
    margin-left: 10%;
    padding-top: 2%;
    line-height: 200%;
}

#pe nav img {
    height: 25px;
    padding: 10px;

   
}

#pe nav {
    margin-left: 80%;
    

}

#rodape{
    width: 100%;
    height: 10vh;
display: flex;
justify-items: center;
border-top: solid 1px #c4c7c5;
}

.umr{
    width: 50%;
    height: 10vh;
    
}

.doisr{
    width: 50%;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.umr div{
    width: 100%;
    height: 3,3vh;
    display: flex;
  justify-content: center;
    align-items: center;
}

.arroba{
    margin-left: 30%;
}

.doisr p{
    color: black;
}