.sub-thumbnail {
    background-color: var(--light-green);
    color: var(--light-green);
    opacity: 0.3;
}
@media screen and (min-width: 320px) {
    a {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .main-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0em 1em;
    }
    .thumbnail-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0.5em 0;
    }
    .thumbnail-contents {
        display: flex;
        flex-direction: column;
    }
    .thumbnail-img {
        width: 5.5em;
        height: 8.5em;
        object-fit: cover;
        border-radius: 8px;
    } 
}
@media screen and (min-width: 768px) {
    .main-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .main-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40%;
    }
    .thumbnail-wrapper {
        justify-content: space-evenly;
        /* width: 40%; */
    }
    .thumbnail-contents {
        padding-right: 1em;
    }
}
@media screen and (min-width: 1440px) {
    .thumbnail-wrapper {
        justify-content: space-evenly;
    }
    .main-wrapper {
        display: flex;
        justify-content: center;
    }
    .main-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0em 1em;
    }
}