/* Publications + Buttons */
.publications-container {
    justify-content: center;
    align-content: center;
}

.publications{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Buttons */
.toggle-buttons {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-bottom: 4em;
    flex-wrap: wrap;
}

/* Button */
.toggle-button {
    margin: 1em;
    padding: 0.5em 2em;
    border-radius: 10px;
    color: #000; 
    cursor: pointer;
    border: none !important;
}


/* Button Colors */
.btn:focus{
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

.button-arch {
    background-color:  #FFC8FD !important;
}

.button-GénéraLIM {
    background-color:#71EB84 !important;
}

.button-increase {
    background-color: #539FF9 !important;
}

.button-Investigation-Rea {
    background-color: #D3F573 !important;
}

.button-all {
    background-color: #c9c9c9 !important;
}

/* Publication */
.publication {
    height: auto;
    min-height: 30vh;
    background-color: white;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    margin: 2em;
    width: 30em;
    min-width: 30em;
    max-width: 30em;
    padding-top: 15px !important;
    font-size: 1em;
}

@media (max-width: 30em) { 
    .publication {
        font-size: .7em;
    }
 }

.publication-arch {
    border: 3px solid #FFC8FD;
}

.publication-generalim {
    border:3px solid #71EB84;
}

.publication-increase {
    border: 3px solid #539FF9;
}

.publication-investigation-rea{
    border: 3px solid #D3F573;
}

/* barre de recherche */
.research{
    width: 30em;
    margin: 3em !important;
    border-radius: 10px;
    padding: 0.5em 1em !important;
}