#container
{
    background-image: url('/images/wood_bg.webp?v=9242025v8');
    background-size: cover;
    background-position: center;
    height: 100vh;
    height: 100svh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

#folders ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#folders li
{
    position: relative;
    z-index: 0;
    width: 90vmin;
    width: 90svmin;
    display: block;
    margin: 0;
    transition: all 0.3s ease;
    filter: drop-shadow(0 1vmin 1vmin #00000080);
}

.folder__object
{
    transition: all 0.3s ease;
}

#folders li .folder__object
{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    display: block;
}

.folder--left
{
    flex-basis: 1255px;
}

.folder--left .folder__object
{
    background-image: url(/images/folder_left.webp);
    padding-top: 79.52%;
}

#folders li:hover
{
    transform: scale(102%);
    filter: drop-shadow(0 1vmin 1vmin #00000080) brightness(1.1);
    /*z-index: 1;*/
}

#folders li:hover .folder__object
{
    transform: /*translateY(-2vmin)*/ rotate(0deg) !important;
}

#fnfac a
{
    background-image: url(/images/projects/fnfac_label.webp);
    position: absolute;
    width: 29%;
    height: 8.2%;
    top: 1.5%;
    left: 3.5%;
    background-repeat: no-repeat;
    background-size: cover;
}