#tags{
    background: #f0f0f3;
    box-shadow: 8px 8px 16px #d1d1d4, -8px -8px 16px #ffffff;
    border-radius: 1rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

#tags>h3{
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
#tags>#tag-list{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}
#tags>#tag-list>span{
    background: #f0f0f3;
    box-shadow: 3px 3px 6px #d1d1d4, -3px -3px 6px #ffffff;
    border-radius: 1rem;
    padding: 0.5em 1em;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}
#tags>#tag-list>span:hover{
    cursor: pointer;
    box-shadow: inset 2px 2px 4px #d1d1d4, inset -2px -2px 4px #ffffff;
}
#tags>#tag-list>span>a{
    text-decoration: none;
    color: #666;
}


#archives{
    background: #f0f0f3;
    box-shadow: 8px 8px 16px #d1d1d4, -8px -8px 16px #ffffff;
    border-radius: 1rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}
#archives>h3{
    font-size: 1.125em;
    font-weight: bold;
    margin-bottom: 1em;
}
#archives>div{
    display: flex;
    flex-direction: row;
    gap: 0.75em;
    flex-wrap: wrap;
}
#archives>div>span{

}
#archives>div>span>a{
    color: #666;
    text-decoration: none;
    transition: color 0.2s ease;
}
#archives>div>span>a:hover{
    color: #333;
}