.archive-directory{
    max-width:900px;
    margin:auto;
    padding:20px;
}

.directory-header{
    margin-bottom:30px;
    border-bottom:1px dashed #8a78ff;
    padding-bottom:15px;
}

.directory-header h1{
    font-size:3rem;
    color:#5c3cfd;
    margin-bottom:10px;
}

.directory-header p{
    font-size:1.4rem;
}

.file-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.file-item{
    display:flex;
    align-items:center;

    gap:15px;

    padding:14px;

    text-decoration:none;
    color:inherit;

    border-left:4px solid transparent;

    transition:.2s ease;
}

.file-item:hover{
    background:rgba(255,255,255,.25);
    border-left:4px solid #8a78ff;
    transform:translateX(6px);
}

.file-icon{
    font-size:2rem;
}

.file-info h2{
    font-size:1.5rem;
    margin-bottom:4px;
}

.file-info p{
    font-size:1.1rem;
    opacity:.7;
}

.return-link{
    display:inline-block;

    margin-bottom:20px;
    padding:6px 12px;

    text-decoration:none;
    color:black;

    background:#53d0f0;

    border-top:2px solid white;
    border-left:2px solid white;

    border-right:2px solid black;
    border-bottom:2px solid #42255a;
}

.return-link:hover{
    transform:translateY(1px);
}