/* ==========================
   Certificate Modal
========================== */

#certificateModal{

    position: fixed;

    inset: 0;

    background: rgba(0,0,0,.9);

    display: none;

    justify-content: center;

    align-items: center;

    z-index: 9999;

    padding: 30px;

}

#certificateModal.active{

    display: flex;

}

#certificateImage{

    max-width: 90%;

    max-height: 90vh;

    border-radius: 12px;

    box-shadow: 0 0 40px rgba(0,0,0,.6);

}

#closeCertificate{

    position: absolute;

    top: 25px;

    right: 35px;

    font-size: 45px;

    color: #fff;

    cursor: pointer;

    transition: .3s;

}

#closeCertificate:hover{

    color: #38bdf8;

}