#gallery {
        width: 90%;
        background-color: var(--secondary-bg-color);
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 10px auto 10px auto;
        /* display: flex;
        flex-wrap: wrap;  
        justify-content: space-between;*/

        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

    .thumbnail {
        padding: 2px;
        /* display:flexbox;*/

    }

    .thumbnail img {
        background-color: transparent;
    }



    #filter_bar {
        width: 90%;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 10px auto 0px auto;
        background-color: var(--secondary-bg-color);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        text-align: right;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    #rating-value {
        width: 3.9em;
        display: inline-block;
        text-align: left;
    }

    #rating-filter {
        padding: 7px;
        font-size: 1em;
        border-radius: 10px 10px 0px 0px;
        font-family: inherit;
    }



    #art_container {
        margin-bottom: 10px;
        margin-top: 20px;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    #art_container img {
        max-width: 90%;
        height: auto;
        padding: 1px;
        border: 10px solid var(--secondary-bg-color);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        background-color: #3b0040;
    }

    #art_container a {
        font-size: 50px;
        color: var(--text-color);
        user-select: none;
        padding: 0 15px;
        background-color: var(--secondary-bg-color);
        text-decoration: none;
    }

    #sequence_bar {
        display: flex;
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 10px;
        align-items: stretch;
    }

    #sequence_bar .button {
        background-color: var(--menu-bg-color);
        color: var(--text-color);
        padding: 10px 20px;
        margin: 0 10px;
        text-decoration: none;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        font-size: 16px;
        align-items: center;
        display: flex;
    }

    #caption_area {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 20px;
        background-color: var(--secondary-bg-color);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        padding: 10px;
        box-sizing: border-box;
    }

    #caption_area .title {
        font-weight: bold;
        font-size: 24px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #description_area {
        margin: 0 auto;
        font-size: 18px;
    }

    #artist_info {
        margin: 0 auto;
        font-size: 18px;
        display: flex;
        width: 100%;
        align-items: baseline;  
        padding-bottom: 5px;
    }

    #artist_info .artist_section {
        margin-left: 13px;
        display: flex;
        align-items: baseline;
    }

    #artist_info svg {
        fill: rgb(216, 216, 216);
        height: 27px;
        padding-left: 7px;
    }

    .submission_icon {
        justify-self: flex-end;
    }

    .submission_icon svg {
        fill: rgb(216, 216, 216);
        height: 30px;

    }

    #submission_bar {
        display: flex;
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 10px;
        align-items: stretch;
    }

    .series_name {
        font-size: 16px;
        font-weight: bold;
        color: var(--text-color);
        margin: 0 15px;
        align-self: center;
    }

    #submission_bar .button {
        background-color: var(--menu-bg-color);
        color: var(--text-color);
        padding: 10px 20px;
        margin: 0 10px;
        text-decoration: none;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        font-size: 16px;
        align-items: center;
        display: flex;
    }

    .artist_name_area {
        font-weight: bold;
        /*font-size: 25px;
        margin-top: 20px;
        margin-bottom: 10px;*/
    }


    #submission_info {
        width: 90%;
        margin: 0 auto;
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 20px;
        padding: 10px;
        background-color: var(--secondary-bg-color);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
    }


    /* unvisited link */
    /*
a:link {
  color: red;
}

a:visited {
  color: green;
}

a:hover {
  color: #ff4ee3;
}

a:active {
  color: blue;
}*/