body{
    
     background-color: #000000;  

}

.titulo1{
    display: flex;
    justify-content: center;

}

.titulo2{
    display: flex;
    justify-content: center;
    color: #ffffff;
    margin: 50px;  


}


div{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap


}


.perfis{display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    margin: 70px;
    
   
    
}




.perfil-1{
    height: 160px;
    width: 160px;
    border-radius: 10%;
    opacity: 80%;
    
}
.perfil-1:hover{
    opacity: 100%;
}




.perfil-2{
    height: 160px;
    width: 160px;
    border-radius: 10%;
    opacity: 80%;
}

.perfil-2:hover{
    opacity: 100%;
}
    

.perfil-3{
    height: 160px;
    width: 160px;
    border-radius: 10%;
    opacity: 80%;
}

.perfil-3:hover{opacity: 100%;

}



.perfil4{
    
    width: 160px;
    height: 160px;
    border-radius: 10px;
    opacity: 80%;} 
  

.perfil4:hover{opacity: 100%


}
p{
    color: #ffffff;
    opacity: 70%;
}

p:hover{opacity: 100%;

}


button{
    background-color: #000000;
    
    border: 3px solid #ffffff;
    border-radius: 10px;
    padding: 15px;
    
}
button:hover{ background-color: #ffffff;

}

.gerenciar{color: #ffffff;
}
.gerenciar:hover{color: black;

}