body {
    background-color: #4fb9af;}
h1 {
    color: red;
}
img{width: 250px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
transition: transform 0.2s ;}
img:hover{transform: scale(1.05)} 

#Idols{
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
nav{
    display: flex;
    gap: 30px;
   background-color:#1a1a1a 
   ;
    padding: 15px 30px;
}
nav a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}
nav a:hover{color:gold
}
.project-list{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.card{background-color: white;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
padding: 20px;
width: 220px;
transition: transform 0.2s;
overflow: hidden;
}
.card:hover{transform:scale(1.05);}
.card h3{margin-top: 0;
color: #1a1a1a;
}
.card a{
    color: gold;
    font-weight: bold;
    text-decoration: none;
}