*{
Margin:0;
padding:0;
box-sizing: border-box;
font-family:"poppins", sans-serif
}
body{ height:auto ;
width: 1100px;
background-color:rgb(210, 213, 216);
padding:0 5%;
}
.K1{
margin:0;
padding:0;
size:5px;
color:#4c2f2f;
position:end_lin;
}
header{
padding: 5px 1%;
}
section{
padding:70px 8%
}
Header{
Display:flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.logo{
font-family: ' Geneva, Verdana, sans-serif';
font-size:40px;
font-weight: bold;
text-align: center;
}
.logo-div{
width: 100%;
padding-bottom :10px;
}
ul{
display:flex;
justify-content: center;
width: 100%;
list-style: none;
}
ul li{
padding: 10px 45px;
justify-content: center;
}
ul li a{
text-decoration: none ;
color:#1e054c99;
transition: 0.5s;
font-size: 20px;
background-color: antiquewhite;
padding:5px;
border-radius:5px;
}
ul li a:hover{
background-color: bisque;
padding:15px;
color:black;
font-weight: bold;
border-radius: 20px;
}
.home-section{
display:flex;
justify-content:center ;
width:100%;
cursor:pointer;
}
.home-section .left{
position: relative;
object-fit: cover;
width: 600px;
height: 400px;
}
.home-section .left img{
position: absolute;
}
.home-section .left-image-1{
height: 270px;
width:350px;
transition:0.5s;
border: 8px solid #fff;
border-radius: 2rem;
}
.home-section .left-image-1:hover{
transform: scale(1.4);rotate: -10deg;
}
.home-section .left-image-2{
height: 250px;
width:370px;
top:170px;
left:170px;
transition:0.5s;
border: 8px solid #fff;
border-radius: 2rem;
}
.home-section .left-image-2:hover{
transform: scale(1.3);rotate: 10deg;
}
.right:{
margin-left:1px;
width:40%;
height: auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content: center;
}
.right .texte-right {
color:#600a0a;
font-weight:bold;
}
.lien{
color:#600a0a;
font-weight:bold;
}