body{

font-family: Arial, Helvetica, sans-serif;
margin:0;
background:#f4f8f6;
color:#333;

}

body{
background:red;
}

header{

background:#6bbf8f;
color:white;
text-align:center;
padding:25px;

}

nav a{

color:white;
margin:0 15px;
text-decoration:none;
font-weight:bold;

}

nav a:hover{

text-decoration:underline;

}

.hero{

display:flex;
align-items:center;
justify-content:center;
gap:40px;

max-width:1100px;
margin:60px auto;
padding:20px;

}

.profile{

width:260px;
border-radius:50%;
box-shadow:0 6px 20px rgba(0,0,0,.2);

}

.cards{

display:flex;
justify-content:center;
gap:30px;

max-width:1100px;
margin:auto;
padding:40px;

}

.card{

background:white;
padding:30px;
border-radius:8px;
width:280px;

box-shadow:0 5px 12px rgba(0,0,0,.08);

}

.card h3{

margin-top:0;

}

.card a{

color:#6bbf8f;
font-weight:bold;
text-decoration:none;

}

.card a:hover{

text-decoration:underline;

}

footer{

text-align:center;
margin-top:80px;
padding:20px;
color:#777;

}