styleSec.css

:root{
    --backgroundAll: #16161c;
    --backgroundSec: #26183d;
    --fonteColor: #c35bec;
    --fonteColorSec: #ffffff;
    --fonteColorEsc: #26183d;
    --bordaCor: #382458;
    --bordaBack: #412f66;
    --bordaBackHover: #c35bec;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    background-color: var(--backgroundSec);
    font-family: 'Arial', Times, serif;
    font-size: 16px;
    color: var(--fonteColorSec);
}

h1{
    padding-top: 30px;
}

.divmenulateral{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

/*tratando a foto do perfil*/
#minhafoto{
    border-radius: 50%;
    width: 30%;
}
/*Fim tratando a foto do perfil*/

/*Formatação do menu*/
.linksMenu{
    background: var(--bordaBack);
    border-radius: 5px;
    width: 250px;
    height: 30px;
    color: var(--fonteColorSec);
    display: inline-block;
    font: normal normal 16px/30px "Aileron Bold", sans-serif;
    text-align: center;
    text-decoration: none;
    
}

.divmenulateral a:hover{
    background: var(--bordaBackHover);
    color: var(--fonteColorEsc);
    border-color: var(--bordaCor);
}

.listaMenu{
    margin: 0;
    padding: 0;
}

.listaMenu li{
    list-style: none; 
    margin: 30px 0px 30px 0px;   /*top direita inferior esquerda */ 
}
/*Fim da formatação do menu*/

#redessociais{
    width: 100%;
    height: auto;
    background-size: cover;
    margin-top: 20px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    
}

#redessociais a:hover{    
    color: var(--fonteColorSec);    
}

#redessociais p{
    margin-top: 30px;
}

.icons{
    color:var(--fonteColor);
    padding-right: 30px;
}

.iframe_imagem{
    width: 100%;
    height: 100%;
}

.imagemDescritiva{
    width: 100%;
}