html { 
    background: rgb(15, 10, 30);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pbackground {
    background-color:rgba(0, 0, 0, 0.8);
}

.year {
    display: block;
    color:rgb(220, 220, 220);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 4vmin;
} 

iframe {
    width: 90%;
    height: 100%;
    margin: auto;
    display: block;
}

.poster_news {
    color: rgb(220, 220, 220);
    font-size: 4vmin;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 5%;
}

.posterimg_news {
    padding: 3vmin;
    max-width: 60vw;
    max-height: 60vmin;
}

.dartgo {
    text-decoration: underline;
    color: lightgreen;
}

.awardlist {
    color: rgb(220, 220, 220);
    font-size: 3vmin;
}

.awardlist li {
    padding-bottom: 4vmin;
}

.awardlist li p {
    opacity: 67%;
    font-size: 2vmin;
    padding: 2vmin;
    text-align: left;
}

.awardlist a {
    text-decoration: underline;
    color: rgb(220, 220, 220)
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 1000px) {
    .awardlist {
        font-size: 4.5vmin;
    }
    
    .awardlist li p {
        font-size: 3vmin;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .awardlist {
        font-size: 6vmin;
    }
    
    .awardlist li p {
        font-size: 4vmin;
    }
}