body{
    background-color: #0F002E;
    color: #fff;
    font-family: 'Roboto';
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Katibeh';
}



nav{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 40px;
    height: auto;

    background-color: transparent;

    position: absolute;/*isso que faz ela ficar transparente*/
}
nav img.logo-agorix-txt{
    width: 60%;
}



main{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
main section.marca{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    background-image: url('/assets/imgs/banner2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}
    
main section.marca img.logo-agorix-txt{
    width: 50%; 
    max-width:100%; 
    height: auto; 
}
main section.marca h2{
    font-size: 40px;
    padding: 10px 30px;
    text-align: center;
} 





main section.servicos{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100vh;
}
main section.servicos h1{
    text-align: center;
    font-size: 90px;
    color: #4DFF00;
    margin: 60px 0px 40px 0px;
}

main section.servicos div.container{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    width:100%;
    height: auto;
}

main section.servicos div.descricao-servicos{
    display: flex;
    justify-content: center;
    width: 400px;
    height: 400px;
    background-color: aqua;
    margin: 10px;
}



main section.servicos div.descricao-servicos h3{
    font-size: 30px;
}


footer{
    display: flex;
    flex-direction: column;
    width: 100%;
}
footer div.line-gradient{
    width: 100%;
    height:10px;
    background-image: linear-gradient(to right, #0F002E, #4DFF00);
}


footer div.about{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    margin: 0px 0px 0px 20px;
    text-align: center;
}
footer div.about p.copyright{
    font-family: 'Katibeh';
    font-size: 24px;
    color: #4DFF00;
}



footer div.about a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

footer div.about a div:nth-child(1){
   margin-right: 20px;
   color: rgba(49, 3, 141, 0.671);
}


footer div.about a div:nth-child(2){
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height:100%;
    background-color: #4DFF00;
}

footer div.about a div img{
    width:1.5rem;
    height:1.5rem;
}