@import url(https://fonts.googleapis.com/css2?family=Poiret+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&family=Poiret+One&display=swap);a,nav a{text-decoration:none}footer,header .logo{padding:15px;text-align:center}footer,nav a{color:var(--couleur-principale-pale)}footer,header .header-bg,nav{background-color:var(--couleur-secondaire-fonce)}.boutons,.notes,body{display:flex}.bouton,.unenote,footer,header .header-bg,header .logo{text-align:center}:root{--couleur-principale-fonce:#1D7978;--couleur-principale-pale:#4F9D9B;--couleur-principale-tres-pale:#94C7C4;--couleur-secondaire-fonce:#EDEFF1;--couleur-secondaire-pale:#DBDCDF;--couleur-punch-fonce:#A20B84;--couleur-punch-pale:#D20FAB}*{box-sizing:border-box}body{min-height:100vh;flex-direction:column;margin:0;font-family:"Lucida Sans Unicode",sans-serif}a{color:var(--couleur-punch-pale)}a:hover,nav a:hover{color:#000}.container{max-width:1200px;margin:0 auto;padding:0 20px}#main{flex:1;padding:10px 0 20px}header .titre{font-family:"Poiret One",sans-serif;font-size:5em}h1,header .slogan{font-family:"Great Vibes",cursive}header .slogan{font-size:2em;letter-spacing:1.7px}header .header-bg{padding:10px}nav{height:55px;padding-top:20px}nav a{padding:7px 12px;border-radius:8px;margin-right:20px}nav a.active{background-color:var(--couleur-secondaire-pale);border:1px solid var(--couleur-principale-fonce)}h1{font-size:3em;color:var(--couleur-principale-fonce);margin:15px 0}footer{min-height:70px;font-size:.9em}footer a{color:var(--couleur-principale-tres-pale)}.boutons{flex-direction:row;justify-content:center}.bouton{background:var(--couleur-punch-fonce);color:#fff;font-size:14px;line-height:18px;padding:12px 30px;margin:10px;border-radius:25px;text-transform:uppercase}.bouton:hover{background:var(--couleur-punch-pale);color:#fff}.notes{flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;margin-bottom:25px}.unenote{border:1px solid #babfca;border-radius:8px;width:300px;height:150px;margin:20px auto;padding:8px;position:relative;box-shadow:rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px}.unenote .date{font-style:italic;font-size:.8em;color:#999}.icone-note{width:100%;height:30px;text-align:left}.icone-note i{color:var(--couleur-punch-fonce)}