*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, Helvetica, sans-serif;
}

body{
    background-image: url("./Images/ChatGPT\ Image\ Jul\ 20\,\ 2026\,\ 08_06_12\ PM.png");
    color:white;
}

.bento{
    width:90%;
    margin:80px auto;
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    grid-template-rows:220px 220px 120px;
    gap:20px;
}


.card{
    background:transparent;
    border:1px solid rgba(255,255,255,.15);
    border-radius:30px;
    backdrop-filter:blur(01px);
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    text-decoration:none;
    color:white;
    transition:.4s;
    width:100%;
    height:100%;

}

.card:hover{
    transform:translateY(-8px);
    border-color:#362362;
    box-shadow:0 0 25px rgba(139,92,246,.4);
}

.card h2{
    font-size:28px;
    font-weight:600;

}

.about{
    grid-column:1 / 3;
    grid-row:1;
}

.education{
    grid-column:3;
    grid-row:1;
}

.hobbies{
    grid-column:4;
    grid-row:1;
}

.experience{
    grid-column:1;
    grid-row:2;
}

.projects{
    grid-column:2;
    grid-row:2;
}

.skills{
    grid-column:3;
    grid-row:2;
}

.tools{
    grid-column:4;
    grid-row:2;
}

.contact{
    grid-column:1;
    grid-row:3;
}

.languages{
    grid-column:2;
    grid-row:3;
}

.achievements{
    grid-column:3 / 5;
    grid-row:3;
}