.illust-wrapper{
    height:750px;
    border: solid white var(--border-thickness);
    margin-top:25px;
    border-radius: var(--border-radius);
    overflow:scroll;
    position:relative;
}

.illust-container{
    display:flex;
    height: 100%;
    width: 100%;
    padding:25px;
    gap: var(--illust-row-gap) var(--illust-column-gap);
    flex-wrap:wrap;
}   

.illust-entry{
    display:flex;
    width: calc(20% - var(--illust-column-gap));
    height: 250px;
    border: solid gray var(--border-thickness);
    
}

.illust-entry::after{
    content: attr(data-title);
    position:relative;
    top:100%;
    left:50%;
    transform: translate(-50%, 0);
}

.illust-message{
    position:absolute; 
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    margin-inline: auto; 
    width:fit-content;
    font-size:3em;
    text-align:center;
}