body {
    background-color:darkslategrey;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color:aliceblue;
    background-image: url("image_ressources/background.png");
    background-repeat: repeat;
    background-size: 20vh;
}

.barre {
    height:2rem;
    background-color:rgba(17,16,25,50%);
}

.navbar {
    display:flex;
    background-color:rgba(37, 10, 50,50%);
    color:lightpink;
    padding: 2rem;
}

.navbar_items {
    display:flex;
}

.navbar_link {
    padding: 0.5rem 1rem 0.5rem 1rem;
    background-color:rgba(38,50,90,50%);
    margin: 0rem 1rem 1rem 1rem;
    border-radius:1rem;
    display:none;
}
a:visited {
    color:lightpink;
}

.navbar_items, .navbar {
    flex-direction:column;
}

.navbar_item {
    align-self:flex-end;
    display:initial;
    position:absolute;
    cursor:pointer;
}

#bar_image {
    height:2rem;
}

.navbar_title {
    padding:1rem;
    align-self: start;
    margin: 1rem 0rem 0rem 0rem;
}

.test_article {
    border: solid lightpink;
    border-radius: 2rem;
    padding: 1rem;
    color:black;
    background-color:pink;
}