@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";:root{--font-color: black;--background-color: #e6e2df;--accent-color: #691a3a;--texture: url(/paper-3.png)}*{box-sizing:border-box}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:0}::-webkit-scrollbar-thumb:hover{background:mix(var(--accent-color),white,80%)}::-webkit-scrollbar-thumb:active{background:mix(var(--accent-color),black,80%)}::-webkit-scrollbar-track{background:var(--background-color);border-radius:0}::-webkit-scrollbar-track:hover{background:var(--background-color)}::-webkit-scrollbar-track:active{background:mix(black,var(--accent-color),80%)}::-webkit-scrollbar-corner{background:transparent}.pocket{display:none}@media screen and (max-width: 640px){.pocket{display:unset}.lap-and-up{display:none!important}}html,body{margin:0;padding:0;font-family:Jost,sans-serif;font-size:18px;font-weight:400;height:100%}body{background-color:var(--background-color);background-image:url(/assets/background-6EGHr2Vk.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}app-root{height:100%;display:flex;flex-direction:column}main{flex-grow:1}div.spacer{flex-grow:1}.contents{display:contents}section{height:100%}header{display:flex;padding:.5rem;align-items:center;box-shadow:3px 3px 8px #0000004a;position:relative;z-index:2}header .header-links{display:flex;gap:.5rem}div.pocketNav{position:absolute;top:100%;left:0%;height:3rem;width:100%;transition:height .2s;background-color:var(--background-color);background-image:var(--texture);overflow:hidden;display:flex;align-items:center;justify-content:space-evenly;box-shadow:3px 3px 8px #0000004a;z-index:2}div.pocketNav.closed{height:0}a{cursor:pointer;transition:.2s color;color:var(--font-color);text-decoration:none}a:hover{color:var(--accent-color)}a.active{font-weight:700}section#poemes{display:flex;justify-content:center;align-items:center}section#poemes .chapitres{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;align-items:center;gap:1rem 3rem;width:90%}section#poemes .chapitres .chapitre{font-size:2rem;font-weight:700;text-transform:uppercase}button#open{position:absolute;top:0%;z-index:11}nav{padding:.5rem;min-width:25%;max-width:25%;overflow:auto;border:solid 1px black;transition:.5s}nav.closed{min-width:0%;max-width:0%;padding:0;overflow:hidden;border:none}nav .links{display:flex;flex-direction:column;font-size:1.25rem;padding-left:1.5rem;padding-right:.5rem;margin-bottom:3rem;white-space:nowrap}nav .links .sub-links{display:flex;flex-direction:column}nav .links .sub-links .sub-link{font-size:1rem;padding-left:1rem}@media screen and (max-width: 640px){nav{border:none;background-color:var(--background-color);background-image:var(--texture);position:absolute;z-index:10;min-width:100%;max-width:100%;margin:0}}.poeme{display:flex;flex-direction:row;overflow:auto;flex-grow:1;position:relative;background-color:var(--background-color);background-image:var(--texture)}.poeme .content{overflow:hidden auto;white-space:pre-wrap;word-wrap:break-word;padding:1rem 1rem 3.5rem;flex-grow:1;position:relative}.poeme .content h2{padding-left:1rem;font-size:2rem;margin-top:0}.poeme .content .lycee{position:absolute;font-style:italic;top:4rem;left:3rem}.poeme .content .pascal{position:absolute;font-style:italic;top:2rem;right:3rem;font-size:1.5rem}.poeme .content pre{font-size:1.2rem;line-height:2.5rem;font-family:Jost,sans-serif;display:inline-block;white-space:pre-wrap}.chapitre>.content h2{font-size:2.25rem}.chapitre>.content{text-align:center;display:flex;flex-direction:column}.chapitre>.content .poemes{flex-basis:60%;display:grid;place-content:center;justify-items:center}@media screen and (max-width: 640px){.chapitre>.content .poemes{flex-basis:unset;flex-grow:1}}.chapitre .content .poemes .poeme{font-size:2rem}div#audioPlayer{position:fixed;padding:1rem;right:0;bottom:0;background-color:var(--accent-color);color:#fff;display:flex;flex-direction:column;gap:.5rem;z-index:2;border-top-left-radius:.5rem}div#audioPlayer button{border:none;background:none;color:#fff;font-size:1rem}div#audioPlayer .line{display:flex;gap:.25rem}div#audioPlayer .line input{width:100%}@media screen and (max-width: 640px){div#audioPlayer{width:100%;border-radius:0}}section#portfolio div#images{display:flex;flex-wrap:wrap}section#portfolio div#images img.image{flex-basis:50%;max-width:50%}section#about{display:flex;flex-direction:column;justify-content:space-evenly;padding:3rem}section#about .about{box-shadow:3px 3px 8px #0000004a;background-color:var(--background-color);background-image:var(--texture);padding:1rem;border-top:5px solid var(--accent-color)}section#about .rodolphe{text-align:right}