*{
box-sizing:border-box;
padding:0;
margin:0;
text-align:center;
font-family: Inria Serif;
}
body{
display:flex;
flex-direction:column;
background: url("../imagens/fundowhite.png") lightgray 50% / cover no-repeat;
background-attachment:fixed;
width: 100%;
height: 1773px;
}
bg{
filter: blur(0.5px);
z-index:-999;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
filter: blur(5px);
background:#DFE2EB;
opacity: 0.4;
}


/*-------------------cabeçalho----------------*/
header{
display:flex;
justify-content:space-around;
align-items:center;
height:90px;
width:100%;
gap:30px;
z-index:999;
position:fixed;
top:0;
left:0;
bottom:0;




}
.activo{
background:#B2B5BC;
box-shadow: 1px 8px 90px 10px rgba(0, 0, 0, 0.50)
}
#logo{
width: 10em;
height: 10em;
position:fixed;
top:-15px;
left:0px;
padding:-70px;

}
header ul,li{
display:flex;
flex-direction:row;
align-items:center;
align-text:center;
text-decoration:none;


}
#listitem{
margin-left:150px;

}
li{
margin:10px;

}
span img{
width: 35px;
height: 35px;
flex-shrink: 0;
}
header ul a{
text-decoration:none;
color: #000;
text-align: right;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 0.14px;
}
header li a:hover{
color: #694533;
text-align: right;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 0.14px;
border-bottom:3.5px solid #694533;
transform: translateY(10px);
transition:linear 0.3s
}
#logo:hover{
border-right:4px solid brown;
border-radius:200px;
}

/*      ---------------main----------------       */


main{
height:100vh;
width:100%;
display:flex;
gap-left:0;
flex-direction:column;
margin-top:75px;


}

/*-----------------primeira section---------------*/


#Inicio{
background:#FF5757;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
width: 100%;
height:100vh;
padding-top:10%;
padding-bottom:10%;
margin-top:0.9%;

}
#Inicio div{
background:#FF5757;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;

}
#Inicio img{
width:300px;
height:300px;
margin-right:200px;
border-radius: 200px;
box-shadow: 0px 8px 90px 10px rgba(0, 0, 0, 0.50);
animation-name:right;
animation-duration:3.5s;

}
#Inicio p{
text-align: center;
color: #694533;
font-size: 34px;
font-style: italic;
font-weight: 700;
line-height: normal;
animation-name:left;
animation-duration:3.5s;

}
#Inicio span{
color:#1E1E1E

}
#conteudo{
width: 624px;
text-align:center;
padding:80px;

}

/*-----------------segunda section---------------*/

#Oquefazemos{
background:white;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width: 100%;
padding-top:10%;
padding-bottom:10%;
height:auto;
}
#Oquefazemos div{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;

}
#imagemdasegundasection{
width:300px;
height:400px;
border-radius: 72px;
box-shadow: 0px 8px 90px 10px rgba(30, 30, 30, 0.50);
animation-name:down;
animation-duration:3.5s;
}
#Oquefazemos div span{
width: 394px;
height: 410px;
margin:30px;
display:flex;
flex-direction:column;
justify-content:space-around;
align-items:center;
font-size:20px;

}
#Oquefazemos h1{
color: #FF5757;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;


}
#Oquefazemos div {
margin-top:70px;

}
.tt{
color: #694533;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
#Oquefazemos p{
color: #000;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
animation-name:top;
animation-duration:1.8s;
}

/*------------------terceira section------------------------------*/
#Quemsomos{
background:#781919;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width: 100%;
height:100%;
padding-top:10%;
padding-bottom:10%;

}
#Quemsomos img{
width: 170px;
height: 170px;
border-radius: 50px;
box-shadow: 0px 8px 90px 10px rgba(30, 30, 30, 0.50);
}
#Quemsomos h1{
margin-bottom:80px;
color: #FF5757;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
#container{
display:flex;
justify-content:center;
align-items:center;
flex-direction:row;
gap:60px;
position:relative;
padding-bottom:30px;
}
.descricao{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:30px;


}
.descricao p{
color: #FFFDFD;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 200;
line-height: normal;
width:341px;
animation-name:top;
animation-duration:1.8s;

}
.descricao h3{
color: #FF5757;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
animation-name:down;
animation-duration:1.8s;
}
#autorp{
animation-name:right;
animation-duration:1.8s;

}
#autorj{
animation-name:left;
animation-duration:1.8s;

}
/*---------------------footer--------------------------*/
footer{

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
height:100vh;
width:100%;
position:absolute;
top:130em;
left:0;
}
#Contacto-parte-um{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
gap:50px;
padding:20px;
}
#Contacto-parte-um-lista-ul{
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
gap:80px;

}
#Contacto-parte-um-lista-ul li a{
margin-top:10px;
text-decoration:none;
color:#694533;

}
#Contacto-parte-um img{
border-radius:200px;

}
#Contacto-parte-dois{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
gap:120px;
padding:10px;
margin-bottom:0;
}
#Contacto-parte-dois-lista-ul{
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
gap:80px;

}
#Contacto-parte-dois-lista-ul li a{
margin-top:10px;
text-decoration:none;
color:#694533;

}
#Contacto h5{
color:#781919;
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: normal;
}

/*Animação*/
@keyframes left{
from {
transform: translateX(100px);
}
to {
transform: translateX(0px);
}

}
@keyframes right{
from {
transform: translateX(-100px);
}
to {
transform: translateX(0px);
}

}
@keyframes top{
from {
transform: translateY(100px);
}
to {
transform: translateY(0px);
}

}
@keyframes down{
from {
transform: translateY(-100px);
}
to {
transform: translateY(0px);
}

}


/*------------mediacquery------------------*/