body {
        margin: 0;
        padding: 0;
        background-color: #FAFAFA;
    }
    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .page {
        width: 100%;
        min-height: 29.7cm;
        padding: 2cm;
        margin: 1cm auto;
        border: 1px #D3D3D3 solid;
        border-radius: 5px;
        background: white;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }
    .subpage {
        padding: 1cm;
        border: 5px red solid;
        height: 237mm;
        outline: 2cm #FFEAEA solid;
    }
    
    @page {
        size: A4;
        margin: 0;
    }
    @media print {
        .page {
            margin: 0;
            border: initial;
            border-radius: initial;
            width: initial;
            min-height: initial;
            box-shadow: initial;
            background: initial;
            page-break-after: always;
        }
    }
                    #certificate {

                    border: 20px solid var(--yellow);
                    width: 210mm;
                    height: 297mm;
                    display: table-cell;
                    vertical-align: middle;
                    text-align: center

                }
                .certLogo {
                    padding: 15px;
                    width: 100%;
                }
                .certLogo img {
                    margin-right: auto;
                    margin-left: auto;
                    display: flex;
                    align-content: center; 
                    width: 150px;
                }
                .marquee {
                    color: tan;
                    font-size: 38px;
                    margin: 20px;;
                }
                .award {
                    color: tan;
                    font-size: 20px;
                    margin: 20px;;
                }
                .assignment {
                    margin: 20px;
                }
                .person {
                    border-bottom: 2px solid black;
                    font-size: 32px;
                    font-style: italic;
                    margin: 20px auto;
                    width: 200px;
                }
                .reason {
                    margin: 20px;
                }
                #legend {
                }