main {
    padding: 10px;
    display: block;
    background-image: url("/assets/paper1_transparent.png");
    text-align: center;
}

.sectionHeader {
    font-family: 'Syncopate', sans-serif;
    background-image: linear-gradient(90deg,#00000070 0%,#00000070 100%);
    box-shadow: 0px 0px 10px #00000080;
    color: white;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    font-size: 13pt;
    width: 100%;
    border: 0px solid #ffffff00;
}

.sectionHeader:active, .sectionHeader:hover {
    background-image: linear-gradient(90deg,rgba(91, 206, 250, 0.45) 0%, #00000070 30%,#00000070 70%, rgba(245, 169, 184, 0.45) 100%);
}

.sectionWrapper {
    padding-top: 10px;
    column-count: 5;
    display: none;
    justify-content: center;
    align-items: center;
    overflow: scroll
}

.sectionWrapper img {
    max-width: 15vw;
    min-width: 15vw;
    margin: 5px;
    border: 1px solid white;
    transition: 0.2s ease-in;
}
.sectionWrapper img:hover {
    box-shadow: 5px 5px 5px #00000090;
    cursor: pointer;
}

@media (max-width: 768px) {
    main {
        margin: 0px !important;
        border: 0px solid #ffffff00 !important;
    }

    .sectionWrapper {
        column-count: 1;
    }
    .sectionWrapper img {
        max-width: 90%;
        min-width: 90%;
    }
}