body {
    background-image: url(fundo.jpg);
    background-size: cover;
}

h1 {
    text-align: center;
    color: aqua;
    font-size: 40px;
    font-style: initial;
    border: 10px solid white;
    border-radius: 10px;

}

.fotos{
    text-align: center;
}

.fotos a :hover{
    width: 300px;
    height: 300px;
    border-radius: 50%;
    border: 5px solid white ;
}

.murilo{
    width: 280px;
    height: 280px;
    border-radius: 50%;
    border: 3px solid black
}



.lucas{
    width: 280px;
    height: 280px;
    border-radius: 50%;
    border: 3px solid black
}
.nome {
     text-align: justify;
     font-size: 30px;
     text-decoration: none;
     color: white
}

@media only screen and (max-device-width:100%){
    .menu{width: 30%;}
}