h1,h2,h3,h4,p {
    color: rgb(255, 255, 255);
}

.displayContainer{
    background-color: rgb(47, 48, 47);
    border: 1px, solid, black;
    border-radius: 10px;
    display: inline-block;

    height: auto;
    min-height: 10vh;

    width: 30%;
    min-width: 40%;
    max-width: 50%;

    margin: 10px;
}

.mainList, .yearList {
    text-decoration: none;
    list-style-type: none;
  
    padding: 0px;
}

.yearItemBlock {
    border: 1px, solid, rgb(0, 0, 0);
    border-radius: 5px;

    display: inline-block;
    width: 90%;
    margin: 15px;
}

.Video {
    border: 1px, solid, black;
    border-radius: 10px;
    margin: 10px;
    
    max-width: 95%;
    min-width: 40%;

    display: inline-block;
}

.gameThumbnail {
    width: 80%;
    height: 35vh;
    border-radius: 15px;
    border: 2px, solid, black
}

a {
    color: rgb(0, 162, 255);
    text-decoration: none;
    transition: 0.5s;
}

@media (max-width: 800px){
    .displayContainer{
        height: auto;
        min-height: 10vh;

        width: 80%;
        min-width: 90%;
        max-width: 50%;

        margin: 10px;
    }

    .Video {
        max-width: 85%;
        min-width: 20%;

        max-height: 40%;

        width: auto;
        height: auto;

    }

    .gameThumbnail {
        height: 20vh;
    }
}