*{
Margin:0;
padding:0;
box-sizing: border-box;
font-family:"poppins", sans-serif
}
body{ min-height: auto;
background-color:rgb(127, 134, 141);
padding:0 5%;
}
/* ====== Variables ====== */
:root{
--bg:#b8c3ce;
--card:#ffffff;
--accent:#194aab;
--muted:#2d3139;
--dark:#0b1b2b;
--radius:14px;
--shadow: 0 8px 24px rgba(11,27,43,0.08);
font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--dark);-webkit-font-smoothing:antialiased}
/* ====== Header / Nav ====== */
header{background:linear-gradient(90deg, rgba(2, 42, 120, 0.95), rgba(45,135,255,0.9));
color:white;
padding:20px 25px;
position:sticky;
top:10px;
z-index:40;
}
.wrap{max-width:1200px;
margin:0 auto;
display:flex;
align-items:right;
justify-content:space-between;
gap:16px}
.brand{display:flex;
align-items:center;
gap:20px}
.logo{
width:60px;
height:60px;
background:rgba(2, 66, 195, 0.95);
padding:10px;
display:flex
}
nav a{
color:rgba(255,255,255,0.95);
text-decoration:none;
margin-left:18px;font-weight:600
}
nav a:hover{
opacity:0.9;
background-color: bisque;
padding:5px;
color:black;
font-weight: bold;
border-radius: 20px;
}
.K1{
margin:0;
padding:0;
size:5px;
color:#4c2f2f;
position:end_lin;
}
section{
padding:70px 8%
}
.home-section{
grid:600px 600px;
display:flex;
justify-content:center;
cursor:pointer;
width: 100%;
height: 400px;
}
.home-section .left{
position:relative;
object-fit: cover;
width: 80%;
height: 400px;
}
.home-section .left img{
position: absolute;
}
.home-section .left-image-1{
height: 190px;
width:550px;
right:80px;
transition:0.5s;
border: 8px solid #fff;
border-radius: 2rem;
}
.home-section .left-image-1:hover{
transform: scale(1.3);
}
.home-section .left-image-2{
height: 200px;
width:330px;
top:210px;
right:300px;
transition:0.5s;
border: 8px solid #fff;
border-radius: 2rem;
}
.home-section .left-image-2:hover{
transform: scale(1.4);
}
.home-section .left-image-3{
height: 200px;
width:200px;
top:220px;
left:200px;
transition:0.5s;
border: 8px solid #fff;
border-radius: 2rem;
}
.home-section .left-image-3:hover{
transform: scale(1.4);
}
.home-section .right:{
margin-left:1px;
width:100%;
height: auto;
display:flex;
}
.home-section .right .texte1 {
color:#600a0a;
font-weight:bold;
font-size: xx-large;
}
.home-section .right .texte2 {
color:#0e145c;
font-weight:bold;
font-size:x-large;
}