/* ==========================================
   RESUME SECTION
========================================== */

.resume{
    padding:120px 0;
    position:relative;
}

.resume-card{
    padding:30px;
    border-radius:24px;
}

.resume-toolbar{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    flex-wrap:wrap;

    margin-bottom:30px;

}

.resume-toolbar .icon-btn{

    width:50px;

    height:50px;

    border:none;

    border-radius:50%;

    background:var(--card);

    color:var(--text);

    cursor:pointer;

    transition:.3s;

}

.resume-toolbar .icon-btn:hover{

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--accent)
    );

    color:#fff;

}

.page-info{

    font-weight:600;

}

.resume-viewer{

    width:100%;

    min-height:650px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    background:#1a2238;

    overflow:auto;

    margin-bottom:35px;

}

.resume-viewer canvas{

    max-width:100%;

    height:auto;

}

.resume-actions{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:20px;

    margin-bottom:40px;

}

.resume-info{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

    gap:20px;

}

.resume-info .glass{

    padding:25px;

    text-align:center;

}

.resume-info h4{

    margin-bottom:10px;

    color:var(--primary);

}

.resume-info p{

    color:var(--text-light);

}

@media(max-width:768px){

    .resume{

        padding:80px 0;

    }

    .resume-toolbar{

        gap:10px;

    }

    .resume-viewer{

        min-height:420px;

    }

}