.pub-item{
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.15);
}

.pub-container{
    padding: 0 2rem 0 2rem;
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    height: 700px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius: 10px;
    box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.15);
}

.pub-container a{
    color: var(--main-color);
}

.pub-container a:hover{
    color: var(--main-color-darker);
    text-decoration: underline;
}
.pub-container::-webkit-scrollbar {
    width: 20px;
}

.pub-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.pub-container::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
    border-radius: 10px;
    border: 6px solid #f1f1f1;
    height: 5rem;
}

.pub-container::-webkit-scrollbar-thumb:hover {
    background-color: var(--main-color-darker);
}


.checkbox-row{
    display: flex;
}

.checkbox-row label{
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

.year-checkboxes{
    padding: 15px;

}

input[type="checkbox"] {
    margin-right: 5px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.areas{
    padding: 3px;
    border-radius: 10px;
}

.DF{
    background-color: rgb(70, 255, 255);
}

.CV{
    background-color: rgb(255, 255, 77);
}

.MI{
    background-color: rgb(99, 182, 255);
}

.RB{
    background-color: rgb(255, 77, 77);
}

.ML{
    background-color: rgb(55, 255, 65);
}