body{

    overflow:hidden;
    max-height:100%;

}

.mainWrapper{
    display:flex;
    flex-direction:row;

    height: 100vh;

}


#gallerySide{

    flex: 400%;
    flex-wrap:wrap;

    max-height: 95vh;
    overflow-y:scroll;

    border-style:double;
    border-color: var(--accent-color1);

}

.gallery{

    display:flex;
    flex-direction:column;
    row-gap:10px;
    column-gap:5px;

    flex-wrap:wrap;

}


h5{

    margin: 5px 0px;
    padding: 2%;

    background: var(--accent-color1);
    color: var(--main-color);
    text-shadow: 1px 0px 5px var(--main-color);
    font-family: "header-font";
    font-size: 1em;
}

.thumbnail{

    margin:10px;

    width: 200px;
    height: 200px;
    object-fit:cover;
}

.thumbnail:hover{

    filter:brightness(1.2);


}

#menuSide{

    flex: 100%;
    flex-wrap:wrap;

    border-style:double;
    border-color: var(--accent-color1);

}

#menuSide>h2{

    padding: 4%;

    font-family: header-font;
    font-size: 4vw;
    color: var(--accent-color1);

    text-shadow: 1px 0px 5px var(--accent-color1);

}

#menu{

    display:flex;
    flex-direction:column;


}

#menu>a{

    margin: 10px 2px;
    padding: 2%;

    display:block;
    text-align:end;

    font-size: 1em;

    background: var(--accent-color1);
    color: var(--main-color);
    text-shadow: 1px 0px 5px var(--main-color);

    font-family: "header-font";


}

#menu>a:link{

    text-decoration:none;
    
}