:root{
    --main_text_color:rgb(167, 24, 119);
}

*{
    margin: 0;
    text-align: justify;
}

body{
    /*background-color: rgba(255, 185, 200, 0.8);*/
    /*background-color: rgba(250, 212, 218, 0.699);*/
    background-color: #fcd8ea;
    color: var(--main_text_color)
}

a{
    text-decoration: none;
    color: var(--main_text_color)
}
.main{
    position: relative;
    top: 50svh;
    left: 50%;
    transform: translate(-50%, -60%);
    width: 30%;
    max-width: 250px;
    min-width: 200px;

}
#picoblog{
    max-width: 100%;
    /* border: 1px solid white; */
    background-color: #ffcee7;
    margin-top: 1.2rem;
    border-radius: 8px;
    box-shadow: 0px 0px 16px 2px #ffe7e7; /*dddcdc, d3d3d3*/
    

}
.navbar{
    border: 2px solid white;
    padding: 3px;
    display: flex;
    justify-content: flex-end;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    
}

#pico_title{
    margin: 0;
    margin-bottom: 10px;
}

.mupdate_root{
    border: 2px solid white;
    padding: 2px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    /* On pourra remettre 200px si besoin ici */
    max-height: 100px; 
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-gutter: stable both-edges;
    scrollbar-color: #ee7fc0 transparent;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 5px 0px 5px 0px;

}
.picopdate{
    padding: 4px 3px;

}
.picopdate h4, .picopdate p{
    margin: 0;

}
/*
For white icons
.fa{color: white}
*/
.center{
    text-align: center;
}