﻿.certificate {
    position: absolute;
    background: var(--gold-light);
    border: solid var(--gold);
    border-radius: 8px;
    top: 8px;
    margin: auto;
    text-align: center;
    display: block;
    min-width: 100%;
    min-height: 100%;
    left: auto;
    right: 0;
    top: 0;
    /*margin-top:-10px;*/
}

    .certificate .logo {
    }
    .certificate .logo img {
        top: 20px !important;
        right: 20px !important;
    }

    .certificate .marquee {
        color: tan;
        font-size: 48px;
        margin: 20px;
    }

    .certificate .assignment {
        margin: 20px;
    }

    .certificate .person {
        border-bottom: 2px solid black;
       /* font-size: 32px;
        font-style: italic;*/
        margin: 20px auto;
        /*width: 400px;*/
    }

    .certificate .reason {
        margin: 20px;
        direction:ltr;
    }

    .certificate table {
        min-width:100%;
        padding:8px;
    }

    .certificate .close-icon {
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 1.5rem;
        cursor: pointer;
        color: #000;
    }