body, html{
height: 100%;
}
body{
background: linear-gradient(to right, #202237, #3f402c);
}
.bouton{
width: 100%;
height: 15rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.buthref{
text-decoration: none;
width: 30%;
height: 45%;
border: solid 10px black;
font-size: 4rem;
background-color: white;
margin: 2rem;
color: black;
display: flex;
align-items: center;
justify-content: center;
border-radius: 70px;
}
.prinimg{
display: flex;
align-items: self-end;
justify-content: center;
width: 100%;
}
.image{
width: 90%;
}
.img{
width: 100%;
height: 100%;
border-radius: 50px;
}
.respondroite, .respondgauche{
display: none;
}
.fleche{
cursor: pointer;
width: 6rem;
height: 6rem;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border: none;
}
.imgbutton{
width: 100%;
height: 100%;
}
@media(min-width: 1024px){
.prinimg{
height: 40rem;
width: 80%;
align-items: center;
}
.img{
width: 100%;
height: 100%;
}
.image{
display: flex;
justify-content: center;
align-items: center;
width: 60%;
}
.bouton{
display: none;
}
.pc{
display: flex;
justify-content: center;
align-items: center;
}
.respondgauche, .respondroite{
width: 5rem;
height: 5rem;
border-radius: 19px;
border: black, solid 5px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: black;
font-size: 3rem;
background-color: white;
}
}
/*
Lucas Aubry Photographie
*/