@font-face {
    font-family: 'custom';
    src: url('./CaviarDreams.ttf');
}

@font-face {
    font-family: 'bold-custom';
    src: url('./CaviarDreams_Bold.ttf');
}

* {
    margin :0;
    padding: 0;
    box-sizing: border-box;

    /*colors*/
    --main-dark : #88624a;
    --main-light : #fcefd7;
    --col-text : #312000;
}

html {
    font-family: 'custom', sans-serif;
    color : var(--col-txt);
    font-size: 16px;
}
/* agenda */

#app-agenda {
    /*margin : 10px; /*visibility dev - to comment */

    border: var(--main-dark) solid 2px;
    border-radius: 15px;
}

/*text rentrée*/

.container {
    /*margin : 15px; /*dev-visibility to comment */
    position : relative;
    width :100%;
   

    border : var(--main-dark) solid 2px;
    border-radius : 15px;
    overflow: hidden;
}

.content {
    width: 100%;
    padding : 10px;
}

h1 {
    
    width : 100%;
    background-color: var(--main-dark);
    color : var(--main-light);

    font-family: 'bold-custom', sans-serif;
    font-size: 1.3rem;
    padding: 10px;
}

h2 {
    font-size: 1.2rem;
    margin: 10px 0;
    background: linear-gradient(to right, var(--main-dark) 0%, var(--main-dark) 20%, var(--main-light) 70%, #ffffff00 80%, #ffffff00 100%);
    color:var(--main-light);
    padding: 3px 7px;
}

h3 {
    font-size: 1.1rem;
    padding-top: 10px;
    padding-bottom: 3px;
}

ul {
    margin : 5px 0;
}
li {
    margin-left: 25px;
}

.bold {
    font-family: 'bold-custom', sans-serif;
}

p {
    margin: 5px 0;
}