.centered-box{
    width: 400px;
    height: 550px;
    border: 3px solid black;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.buttons {
    width: 50px;
    height: 50px;
    background-color: #e0e0e0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.buttons > label {
    cursor: pointer;
}

input[hidden] {
    display: none !important;
}

.archive-item { 
    background-color: #b3b3b3; 
    border: 1px solid #333; 
    border-radius: 4px; 
    font-size: 0.9rem; 
    color: #222; 
} 
.archive-item i {
    font-size: 1.2rem; 
}