@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);: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{display:flex;min-height:100vh;flex-direction:column;margin:0;font-family:"Lucida Sans Unicode",sans-serif}a{color:var(--couleur-punch-pale);text-decoration:none}a:hover{color:#000}.container{max-width:1200px;margin:0 auto;padding:0 20px}#main{flex:1;padding:10px 0 20px 0}header .logo{text-align:center;padding:15px}header .titre{font-family:"Poiret One",sans-serif;font-size:5em}header .slogan{font-family:"Great Vibes",cursive;font-size:2em;letter-spacing:1.7px}header .header-bg{background-color:var(--couleur-secondaire-fonce);padding:10px;text-align:center}nav{height:55px;padding-top:20px}nav a{color:var(--couleur-principale-pale);text-decoration:none;padding:7px 12px;border-radius:8px;margin-right:20px}nav a:hover{color:#000}nav a.active{background-color:var(--couleur-secondaire-pale);border:1px solid var(--couleur-principale-fonce)}h1{font-family:"Great Vibes",cursive;font-size:3em;color:var(--couleur-principale-fonce);margin:15px 0}footer{min-height:70px;padding:15px;text-align:center;font-size:.9em;color:var(--couleur-principale-pale)}footer a{color:var(--couleur-principale-tres-pale)}nav,footer{background-color:var(--couleur-secondaire-fonce)}.boutons{display:flex;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;text-align:center;border-radius:25px;text-transform:uppercase}.bouton:hover{background:var(--couleur-punch-pale);color:#fff}.notes{display:flex;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;text-align:center;background-color:#fff;box-shadow:rgb(50 50 93 / .25) 0 2px 5px -1px,rgb(0 0 0 / .3) 0 1px 3px -1px}.unenote .date{font-style:italic;font-size:.8em;color:#999}.unenote:after{z-index:-1;position:absolute;content:"";bottom:10px;right:10px;left:auto;width:50%;top:80%;max-width:300px;background:#777;-webkit-box-shadow:0 15px 10px #777;-moz-box-shadow:0 15px 10px #777;box-shadow:0 15px 10px #777;-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg)}.icone-note{width:100%;height:30px;text-align:left}.icone-note i{color:var(--couleur-punch-fonce)}