@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap');

html, 
body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: rgb(48, 48, 48);
}

.diploma {
    display: flex;
    height: 100%;
    max-width: 160vh;
    background-color: #71CEF3;   
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 auto;
    background-color: #A7D7BE;
    box-shadow: 0 0 8px #262626;
}

.diploma__text {
    background-image: url('bubles.png');
    background-repeat: no-repeat;
    background-position: right 20%;
    background-size: 30vw;
}

.docuworld-main-prize {
    background-image: url('docuworld-main-prize.png'), linear-gradient(180deg, #71CEF3 0%, #267087 100%);
}

.docuworld-special-mention {
    background-image: url('docuworld-special-mention.png'), linear-gradient(180deg, #71CEF3 0%, #267087 100%);
}

.docuukraine-main-prize {
    background-image: url('docuukraine-main-prize.png'), linear-gradient(180deg, #A7D7BE 0%, #08AAB0 100%);
}

.docuukraine-special-mention {
    background-image: url('docuworld-special-mention.png'), linear-gradient(180deg, #A7D7BE 0%, #08AAB0 100%);
}

.docushort-main-prize {
    background-image: url('docushort-main-prize.png'), linear-gradient(180deg, #A7D7BE 0%, #08AAB0 100%);
}

.docushort-special-mention {
    background-image: url('docushort-special-mention.png'), linear-gradient(180deg, #A7D7BE 0%, #08AAB0 100%);
}

.rightsnow-main-prize {
    background-image: url('rightsnow-main-prize.png'), linear-gradient(180deg, #B4B5B9 0%, #CA4D9B 100%);
}

.rightsnow-special-mention {
    background-image: url('rightsnow-special-mention.png'), linear-gradient(180deg, #B4B5B9 0%, #CA4D9B 100%);
}

.rightsnow-special-mention2 {
    background-image: url('rightsnow-special-mention2.png'), linear-gradient(180deg, #B4B5B9 0%, #CA4D9B 100%);
}

.current-time-award {
    background-image: url('current-time-award.png'), linear-gradient(180deg, #B0B0B7 0%, #7357A5 100%);
}

.teensjury-main-prize {
    background-image: url('teensjury-main-prize.png'), linear-gradient(180deg, #B0B0B7 0%, #7357A5 100%);
}

.teensjury-special-mention {
    background-image: url('teensjury-special-mention.png'), linear-gradient(180deg, #B0B0B7 0%, #7357A5 100%);
}

.andriy-matrosov-award {
    background-image: url('andriy-matrosov-award.png'), linear-gradient(180deg, #7A65B8 0%, #E8403F 100%);
}

.audience-award {
    background-image: url('audience-award.png'), linear-gradient(180deg, #7A65B8 0%, #E8403F 100%);
}

.docupro-current-time-award {
    background-image: url('docupro-current-time-award.png'), linear-gradient(180deg, #6E6F75 0%, #434B76 100%);
}

.docupro-ukrainian-institute-award {
    background-image: url('docupro-ukrainian-institute-award.png'), linear-gradient(180deg, #6E6F75 0%, #434B76 100%);
}

.docupro-east-silver-caravan-award {
    background-image: url('docupro-east-silver-caravan-award.png'), linear-gradient(180deg, #6E6F75 0%, #434B76 100%);
}

.docupro-dae-tallent-development-award {
    background-image: url('docupro-dae-tallent-development-award.png'), linear-gradient(180deg, #6E6F75 0%, #434B76 100%);
}

.docupro-dok-leipzig-award {
    background-image: url('docupro-dok-leipzig-award.png'), linear-gradient(180deg, #6E6F75 0%, #434B76 100%);
}

.docupro-pitch-the-doc-award {
    background-image: url('docupro-pitch-the-doc-award.png'), linear-gradient(180deg, #6E6F75 0%, #434B76 100%);
}

.volunteer-certificate {
    background-image: url('volunteer-certificate.png'), linear-gradient(180deg, #E7ED88 0%, #75C05F 100%);
}

/* 
.docupro-current-time-award .diploma__text {
    background-image: url('logo-ukrainian-institute.png');
    background-position: right 3vh;
    background-repeat: no-repeat;
    background-size: 35vh;
} */


.dp-partner-logo {
    position: absolute;
    top: 3vh;
    right: 5vh;
}


.docuukraine-main-prize .decision-ukr,
.docushort-main-prize .decision-ukr,
.docushort-special-mention .decision-ukr,
.rightsnow-main-prize .decision-ukr {
    color: white;
    font-size: 1.70vh;
}

.rightsnow-special-mention .decision-ukr,
.rightsnow-special-mention2 .decision-ukr {
    color: white
}

.docuukraine-main-prize .decision-eng,
.docushort-main-prize .decision-eng,
.docushort-special-mention .decision-eng,
.rightsnow-main-prize .decision-eng {
    color: black;
    font-size: 1.70vh;
}

.rightsnow-special-mention .decision-eng,
.rightsnow-special-mention2 .decision-eng {
    color: black;
}

.teensjury-main-prize .decision-ukr,
.teensjury-special-mention .decision-ukr {
    color: white;
    font-size: 1.4vh;
}

.teensjury-main-prize .decision-eng,
.teensjury-special-mention .decision-eng {
    color: black;
    font-size: 1.4vh;
}

.diploma__text {
    font-family: 'PT Sans Narrow', sans-serif;
    color: white;
    padding-top: 2vh;
    padding-right: 5vh;
    padding-bottom: 2vh;
    margin-left: 65vh;
    position: relative;
    flex-grow: 1;
}

.edition {
    font-size: 2.5vh;
    margin-top: 2vh;
    margin-bottom: 2vh;
    text-transform: uppercase;
    font-weight: bold;
}

.program-line {
    font-size: 7vh;
    color: #ED138C;
    text-transform: uppercase;
}

.vol-cert {
    margin-top: 4vh;
    font-size: 4vh;
    color: #B34C9A;
    text-transform: uppercase;
}

.vol-for {
    font-size: 4vh;
    text-transform: uppercase;
}

.vol-name {
    margin-top: 8vh;
    font-size: 8vh;
    color: black;

}

.vol-descr {
    margin-top: 6vh;
    font-size: 4.8vh;
    color: #F14B24;
    text-transform: uppercase;
}

.dp-program-line {
    font-size: 4vh;
    color: #39C2DD;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
}

.dp-award {
    margin-top: 8vh;
    font-size: 6vh;
    text-transform: uppercase;
    color: #F68B6A;
}

.dp-award-big {
    margin-top: 20vh;
    font-size: 6vh;
    text-transform: uppercase;
    color: #F68B6A;
}

.dp-award-small {
    font-size: 2vh;
    text-transform: uppercase;
}

.dp-prize {
    margin-top: 4vh;
    font-size: 8vh;
    text-transform: uppercase;
    color: #F68B6A;
    font-weight: bold;
}

.dp-prize-desc {
    color: #F68B6A;
    text-transform: uppercase;
}

.dp-director {
    margin-top: 2vh;
    font-size: 2.25vh;
    text-transform: uppercase;
}

.prize {
    font-size: 2.5vh;
    font-weight: bold;
    text-transform: uppercase;
}

.prize-money {
    font-size: 5vh;
    font-weight: bold;
    text-transform: uppercase;
}

.title {
    font-size: 4.5vh;
    color: black;
    line-height: 1;
    font-weight: bold;
    margin-top: 4vh;
    text-transform: uppercase;
}

.title-big {
    font-size: 6vh;
    color: black;
    line-height: 1;
    font-weight: bold;
    margin-top: 6vh;
    text-transform: uppercase;
}

.title-biggest {
    font-size: 9vh;
    color: black;
    line-height: 1;
    font-weight: bold;
    margin-top: 15vh;
    text-transform: uppercase;
}

.director {
    font-size: 3vh;
    text-transform: uppercase;
    font-weight: bold;;
}

.meta {
    font-size: 3vh;
    margin-bottom: 3vh;
    text-transform: uppercase;
    font-weight: bold;
}

.decision-ukr {
    color: #ECA0C4;
    margin-bottom: 2vh;
    font-size: 2.15vh;
}

.decision-eng {
    color: #E7C4D9;
    margin-bottom: 2vh;
    font-size: 2.15vh;
}

.sign {
    margin-top: 6vh;
    display: flex;
    color: rgb(236, 236, 236);
    font-size: 2vh;
    justify-content: space-between;
    position: absolute;
    bottom: 2vh;
    left: 0;
    right: 5vh;
}

.jury {
    align-self: flex-end;
}

.docudays {
    align-self: flex-end;
}


@media (min-width: 160vh) {
    .docuukraine-main-prize .decision-ukr,
    .docushort-main-prize .decision-ukr,
    .docushort-special-mention .decision-ukr,
    .rightsnow-main-prize .decision-ukr {
        font-size: 2vh;
    }


    .docuukraine-main-prize .decision-eng,
    .docushort-main-prize .decision-eng,
    .docushort-special-mention .decision-eng,
    .rightsnow-main-prize .decision-eng {
        font-size: 2vh;
    }


    .teensjury-main-prize .decision-ukr,
    .teensjury-special-mention .decision-ukr {
        font-size: 1.7vh;
    }

    .teensjury-main-prize .decision-eng,
    .teensjury-special-mention .decision-eng {
        font-size: 1.7vh;
    }
}

@media (max-width: 130vh) {
    html, 
    body {
        height: auto;
        min-height: 100%;

    }

    .diploma {
        margin: 0;
        position: static;
        background-size: 45%, 100%;
        background-position: 100% top, center;
        min-height: 100%;
    }

    .diploma__image {
        width: 0%;
        
    }

    .diploma__text {
        width: 100%;
        padding: 2vw 5vw 5vw;
        background-position: left bottom;
        background-size: 100vw;
        margin-left: 2vw;
    }

    .edition {
        font-size: 5.5vw;
        padding-right: 30vw;
    }

    .program-line {
        font-size: 9vw;
        padding-right: 30vw;
        padding-top: 8vw;
        font-weight: bold;
    }

    .dp-program-line {
        font-size: 6vw;
        padding-right: 35vw;
    }

    .dp-partner-logo {
        position: static;
    }

    .dp-award,
    .dp-award-big {
        margin-top: 15vw;
        font-size: 7vw;
        padding-right: 30vw;
        font-weight: bold;
    }

    .vol-cert {
        margin-top: 6vw;
        font-size: 5vw;
    }
    
    .vol-for {
        font-size: 5vw;
    }
    
    .vol-name {
        margin-top: 6vw;
        font-size: 10vw;
    }
    
    .vol-descr {
        margin-top: 6vw;
        font-size: 5vw;
    }

    .prize {
        font-size: 5vw;
        padding-right: 30vw;
    }

    .title {
        padding-top: 8vw;
        font-size: 6.5vw;
    }

    .director {
        font-size: 5vw;
    }

    .dp-director {
        font-size: 4vw;
    }

    .meta {
        font-size: 4vw;
    }

    .diploma .decision-ukr,
    .diploma .decision-eng {
        font-size: 3.5vw;
        min-height: 15vw;
    }

    .sign {
        position: static;
        font-size: 3.25vw;
    }
}