@import "https://fonts.googleapis.com/css2?family=La+Belle+Aurore&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--nom-taille:100pt}html,body{font-optical-sizing:auto;width:100%;height:100%;margin:0;font-family:Roboto,sans-serif}body{background-color:#000;overflow:hidden auto}#three-background{pointer-events:none;top:0;left:0;z-index:0;width:100%;height:100%;position:fixed;inset:0}#three-background canvas{width:100%;height:100%;display:block}.content{z-index:1;color:#fff;height:max(90%,100vh - 120px);margin:0;padding:40px 80px 80px;position:relative}nav,main{z-index:1;flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:relative}nav{width:70vw;position:absolute;right:0}.nom{font-family:Roboto,sans-serif;font-size:var(--nom-taille);line-height:var(--nom-taille);position:absolute;bottom:100px;left:100px}#louis{color:azure;margin-block:0;font-weight:400}#ardoise,#tarnec{margin-block:0;font-weight:450}#nom_famille{text-align:start}.contacter{border:1px solid #fff;border-radius:10px;padding:8px 30px}.contacter:hover{text-shadow:0 0 2px #fff;border:2px solid #fff;padding:7px 29px}#sidebar{flex-direction:row;justify-content:space-between;align-items:center;width:calc(100vh - 170px);margin-left:50px;display:flex;position:absolute;bottom:calc(50vh - 15px);left:0;transform:translate(-50%)translateY(-50%)rotate(-90deg)}#sidebar hr{width:50vh;margin:15px}.carre{background-color:#000;border:1px solid #fff;border-radius:8px;width:40px;height:40px}.topics{font-size:10pt;font-weight:300;line-height:6pt}.spacer{height:30pt}.page2{flex-direction:row;justify-content:space-between;align-items:flex-end;display:flex}#headshotext{white-space-collapse:preserve;text-wrap:nowrap;letter-spacing:10%;margin:0;padding-bottom:5px;font-size:7pt;font-weight:300;font-family:Roboto Mono,monospace!important}.textDescr{text-justify:auto;letter-spacing:5%;margin:0 30px 0 32px;font-size:15pt;font-weight:200;line-height:170%}#divDescr{text-align:justify}#APenche{position:absolute;transform:translateY(-85px)rotate(40deg)}#APROPOS{text-align:center;font-size:46pt;font-weight:300;line-height:107%;position:relative;overflow:visible}#Letters{-webkit-mask-image:linear-gradient(#000 0% 25%,#0000 120%);mask-image:linear-gradient(#000 0% 25%,#0000 120%)}#headshotext,#divDescr,#APROPOS{margin-bottom:0}a{color:#fff;text-decoration:none}.lien:hover{text-shadow:0 0 2px #fff}#TitreGalerie,#TitreProjet{margin-bottom:30px;font-family:Roboto,sans-serif;font-size:5em}.image{width:100%}#carousel{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;flex-wrap:nowrap;display:flex;overflow-x:scroll}.card{background-color:#000;border:1px solid #fff;border-radius:12px;flex:none;width:180px;height:40vh;margin:15px;overflow:hidden}.card:hover{filter:drop-shadow(0 0 25px #ffffff4d);border:2px solid #fff;width:178px;height:calc(40vh - 2px)}.cardContent{margin:10px}.page3{margin-right:0;padding-right:0}.cardimg{background-color:#16161d;width:100%;height:50%}#portfolio{display:none}@media screen and (width<=800px){.content{height:max(100%,80vh)}.respDisapear{display:none}#portfolio{display:block}#moi{grid-template-rows:repeat(3,1fr);grid-template-columns:10vw repeat(4,1fr);width:90vw;display:grid;position:relative}.nom{bottom:40vw;left:5vw}#louis{grid-area:1/1/2/5;align-self:start;margin:0;font-size:clamp(5rem,13vw,12rem);font-weight:300;line-height:.8}#ardoise{grid-area:2/2/3/6;align-self:start;margin:0;padding-right:2vw;font-size:clamp(4.8rem,13vw,10rem);line-height:1}#tarnec{grid-area:3/2/4/6;align-self:start;margin:0;font-size:clamp(4.8rem,13vw,10rem);line-height:1}#portfolio{writing-mode:vertical-rl;letter-spacing:.08em;grid-area:2/1/4;justify-content:center;place-self:stretch center;align-items:center;height:100%;margin:0;font-size:1.5rem;font-weight:300;line-height:1;display:flex;transform:rotate(180deg)}#sidebar{flex-direction:row;justify-content:space-between;align-items:start;width:30vh;height:40px;margin-left:50px;display:flex;position:absolute;top:calc(30px + 15vh);left:0;transform:translate(-50%)translateY(-50%)rotate(-90deg)}#sidebar hr{width:20vh;margin-top:0;position:relative}nav{flex-direction:column;align-items:start;width:calc(100vw - 45px);top:100px;left:45px}nav>div{margin-bottom:10px;position:relative}nav>a{position:absolute;top:-70px;right:15px}.page3,.page4{padding:80px 20px}#ABOUT{margin-top:10vh;padding:0}#headshotext{margin-top:20px;margin-bottom:20px;font-size:5.5px;line-height:150%}.page2{flex-direction:column;align-items:center}.textDescr{font-size:15px}}.row{padding:0 4px;display:flex}.column{flex:24%;max-width:24%;padding:0 4px}.column img{vertical-align:middle;width:100%;margin-top:8px}@media screen and (width<=800px){.column{flex:48%;max-width:48%}}