body{

    background:#0f172a;
    color:#f8fafc;

    font-family:system-ui;

}

.navbar{

    background:#020617;

}

.portfolio-body{

    height:100vh;

    display:flex;
    align-items:center;
    justify-content:center;

    background:linear-gradient(135deg,#1e293b,#020617);

}

.portfolio-body h1{

    font-size:60px;
    font-weight:700;

}

.tech-card{

    background:#1e293b;

    padding:25px;

    border-radius:10px;

    margin-bottom:20px;

    transition:0.3s;

}

.tech-card:hover{

    transform:translateY(-5px);

    background:#334155;

}

.project-card{

    background:#1e293b;

    border-radius:10px;

    overflow:hidden;

    transition:0.3s;

}

.project-card img{

    width:100%;
    height:200px;
    object-fit:cover;

}

.project-card:hover{

    transform:translateY(-10px);

}

.project-content{

    padding:20px;

}