a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience #experience-canvas{height:100%;width:100%;z-index:2}h1,h2{font-family:Bangers}h3{font-weight:700;text-decoration:none}li,p,ul{font-family:Roboto,sans-serif}ul{list-style:none;padding-left:2rem}ul li{position:relative;margin-bottom:1rem}ul li:before{content:"•";position:absolute;left:-1.5rem;color:#64b9e5;font-size:1.5em}ul li ul{margin-top:.5rem}ul li ul li:before{content:"◦";font-size:1.2em}ul li ul ul li:before{content:"▪";font-size:1em}ul li:hover:before{color:#3a678c;transform:scale(1.2);transition:all .2s ease}.modal{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;max-width:1200px;width:90%;transform:translate(-50%,-50%);font-size:2.2rem;z-index:9999;padding:30px;border-radius:25px;display:none;border:8px solid #64b9e5}.about{max-width:800px}.contact{max-width:500px}.modal-wrapper{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;gap:24px}@media(max-width:768px){.modal-wrapper{gap:12px}}.sm-margin-top{margin-top:12px}.modal-title{display:flex;justify-content:center;align-items:center;padding:10px 80px;border-radius:5rem;color:#3a678c;background-color:#a3dff1;box-shadow:0 3px 8px rgba(0,0,0,.24)}@media(max-width:768px){.modal-title{font-size:1.5rem;padding:10px 20px;width:100%}}.modal-paragraph-header{font-size:1.5rem;margin-top:24px;margin-bottom:24px;text-align:center}@media(max-width:768px){.modal-paragraph-header{font-size:1.3rem}}.modal-paragraph-header-2{border-top:2px solid #64b9e5;font-size:1.2rem;padding-top:24px;margin-bottom:8px}@media(max-width:768px){.modal-paragraph-header-2{font-size:1.3rem}}.modal-paragraph-text{font-size:1.5rem}@media(max-width:768px){.modal-paragraph-text{font-size:1.3rem}}.list-text{font-size:1.5rem}@media(max-width:768px){.list-text{font-size:1.3rem}}.list-text-2{font-size:1.2rem}@media(max-width:768px){.list-text-2{font-size:1.3rem}}.modal-content{width:100%;height:200px;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch}@media(max-width:768px){.modal-content{height:350px}}.Panneau_portfolio_raycaster .modal-content{height:60vh}@media(max-width:768px){.Panneau_portfolio_raycaster .modal-content{height:500px}}.Panneau_apropos_raycaster .modal-content{height:60vh}@media(max-width:768px){.Panneau_apropos_raycaster .modal-content{height:500px}}.Panneau_contact_raycaster .modal-content{height:170px;overflow:visible}@media(max-width:768px){.Panneau_contact_raycaster .modal-content{overflow:visible;height:170px}}.modal-content-wrapper{height:100%;overflow-y:auto;padding-right:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.modal-content-wrapper::-webkit-scrollbar{width:8px}.modal-content-wrapper::-webkit-scrollbar-track{width:2px;border-radius:4px;background-color:rgba(111,73,116,.2)}.modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#3a678c;border-radius:4px}.Panneau_portfolio_raycaster .modal-content-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:18px}@media(max-width:768px){.Panneau_portfolio_raycaster .modal-content-wrapper{justify-content:space-between;flex-direction:column}}.work-project{padding-top:16px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:28px;width:80%;justify-content:start;height:100%}@media(max-width:768px){.work-project{height:auto;width:100%;padding-bottom:24px}}.work-project-wrapper{width:100%;height:auto}.contact .modal-content-wrapper{overflow:visible}.modal-exit-button{display:flex;justify-content:center;align-items:center;position:absolute;top:-2.3rem;right:-2.3rem;border:8px solid #64b9e5;background-color:#dceaf4;padding:15px;border-radius:1.2rem;cursor:pointer;transform:rotate(-15deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 8px rgba(0,0,0,.24)}.modal-exit-button:hover{transform:rotate(45deg) scale(1.3)}@media(max-width:768px){.modal-exit-button{top:auto;left:50%;bottom:-3rem;transform:translateX(-50%)}.modal-exit-button:hover{transform:translateX(-50%) scale(1.3)}}.exit-button-svg{width:30px;height:30px;color:#64b9e5}@media(max-width:768px){.exit-button-svg{width:25px;height:25px}}.contact-button-wrapper{display:flex;justify-content:center;align-items:center;margin-top:30px;justify-content:space-between;padding:0 50px}@media(max-width:768px){.contact-button-wrapper{padding:0 10px}}.contact-svg{width:40px;height:40px;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.linkedin{width:60px;height:60px}.linkedin:hover{transform:rotate(15deg) scale(1.3)}@media(max-width:768px){.linkedin{width:50px;height:50px}}.github{width:60px;height:60px}.github:hover{transform:rotate(-15deg) scale(1.3)}@media(max-width:768px){.github{width:50px;height:50px}}.instagram{width:63px;height:63px}.instagram:hover{transform:rotate(35deg) scale(1.3)}@media(max-width:768px){.instagram{width:50px;height:50px}}.mail{width:68px;height:68px}.mail:hover{transform:rotate(-35deg) scale(1.3)}@media(max-width:768px){.mail{width:50px;height:50px}}.xsm-margin-top{margin:12px}.mute-toggle-button{position:fixed;top:36px;right:148px;z-index:2;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.mute-toggle-button:hover{transform:rotate(-5deg) scale(1.3)}@media(max-width:768px){.mute-toggle-button{top:30px;right:96px}}.sound-svg{width:40px;height:40px;stroke:#64b9e5}@media(max-width:768px){.sound-svg{width:30px;height:30px}}.sound-off-svg{width:40px;height:40px;display:none;stroke:#64b9e5}@media(max-width:768px){.sound-off-svg{top:30px;right:96px;width:30px;height:30px}}.toggle-buttons{display:flex;justify-content:center;align-items:center;border:8px solid #64b9e5;background-color:#dceaf4;padding:10px;color:#64b9e5;border-radius:1.2rem;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.24)}.theme-toggle-button{position:fixed;top:36px;right:48px;z-index:2;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle-button:hover{transform:rotate(5deg) scale(1.3)}@media(max-width:768px){.theme-toggle-button{top:30px;right:18px}}.sun-svg{width:40px;height:40px;stroke:#3a678c}@media(max-width:768px){.sun-svg{width:30px;height:30px}}.moon-svg{width:40px;height:40px;stroke:#3a678c;display:none}@media(max-width:768px){.moon-svg{width:30px;height:30px}}.sm-font{font-size:1.2rem}.light-theme ul li:before{color:#020202}.dark-theme ul li:before{color:#dceaf4}.light-theme ul li:hover:before{color:#64b9e5}.dark-theme ul li:hover:before{color:#3a678c}.light-theme .base-image{border-color:#64b9e5}.dark-theme .base-image{border-color:#3a678c}.light-theme .work-base-image{border-color:#64b9e5;height:auto;width:30%}@media(max-width:768px){.light-theme .work-base-image{width:100%}}.dark-theme .work-base-image{border-color:#3a678c;height:auto;width:30%}@media(max-width:768px){.dark-theme .work-base-image{width:100%}}.light-theme .modal{border-color:#64b9e5;background-color:#dceaf4}.dark-theme .modal{border-color:#3a678c;background-color:#2b4a60}.light-theme .modal-title{color:#3a678c;background-color:#a3dff1}.dark-theme .modal-title{color:#dceaf4;background-color:#5c7ea5}.light-theme .modal-paragraph-header-2{border-color:#64b9e5}.dark-theme .modal-paragraph-header-2{border-color:#3a678c}.light-theme .modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#3a678c}.dark-theme .modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#dceaf4}.light-theme .list-text,.light-theme .list-text-2,.light-theme .modal-paragraph-header,.light-theme .modal-paragraph-header-2,.light-theme .modal-paragraph-text{color:#020202}.dark-theme .list-text,.dark-theme .list-text-2,.dark-theme .modal-paragraph-header,.dark-theme .modal-paragraph-header-2,.dark-theme .modal-paragraph-text{color:#dceaf4}.modal-projects-wrapper{display:flex;flex-direction:column;gap:1.5rem}.modal-projects-wrapper .modal-project{display:flex;align-items:center;justify-content:space-between;border:5px solid #64b9e5;border-radius:20px;margin-bottom:10px;padding:20px;gap:20px}@media(max-width:768px){.modal-projects-wrapper .modal-project{flex-direction:column;width:100%}}.modal-projects-wrapper .modal-project .modal-project-image{height:auto;width:10rem}.modal-projects-wrapper .modal-project .modal-project-description{display:flex;flex-direction:column;text-align:center;gap:20px;padding:10px}.modal-projects-wrapper .modal-project .modal-project-description .modal-project-title{font-family:Bangers;color:#3a678c}@media(max-width:768px){.modal-projects-wrapper .modal-project .modal-project-description .modal-project-title{font-size:2rem}}.modal-projects-wrapper .modal-project .modal-project-description .modal-project-text{font-family:Roboto,sans-serif;font-size:1.3rem}.modal-projects-wrapper .modal-project .modal-project-link{display:flex;justify-content:center;min-width:20%;text-decoration:none;background-color:#64b9e5;border-radius:15px}.modal-projects-wrapper .modal-project .modal-project-link :hover{cursor:pointer}@media(max-width:768px){.modal-projects-wrapper .modal-project .modal-project-link{width:100%}}.modal-projects-wrapper .modal-project .modal-project-link .modal-project-link-text{font-family:Bangers;color:#dceaf4;padding:10px 20px;font-size:2rem}.modal-apropos-image{height:auto;max-width:100%}.light-theme .modal-exit-button{border-color:#64b9e5;background-color:#dceaf4}.dark-theme .modal-exit-button{border-color:#3a678c;background-color:#2b4a60}.light-theme .exit-button-svg{color:#3a678c}.dark-theme .exit-button-svg{color:#dceaf4}.light-theme .toggle-buttons{border-color:#3a678c;background-color:#dceaf4;color:#3a678c}.dark-theme .toggle-buttons{border-color:#dceaf4;background-color:#2b4a60;color:#dceaf4}.light-theme .github,.light-theme .instagram,.light-theme .linkedin,.light-theme .mail,.light-theme .moon-svg,.light-theme .sound-off-svg,.light-theme .sound-svg,.light-theme .sun-svg{stroke:#3a678c;color:#3a678c}.dark-theme .github,.dark-theme .instagram,.dark-theme .linkedin,.dark-theme .mail,.dark-theme .moon-svg,.dark-theme .sound-off-svg,.dark-theme .sound-svg,.dark-theme .sun-svg{stroke:#dceaf4;color:#dceaf4}.loading-screen{position:fixed;top:50%;left:50%;width:108vw;height:108vh;margin-left:-54vw;margin-top:-54vh;overflow:hidden;z-index:999999;border:8px solid #3a678c;background-color:#dceaf4;transform:perspective(1000px);border-radius:48px}.loading-screen,.loading-screen-button{display:flex;justify-content:center;align-items:center}.loading-screen-button{font-family:Roboto,sans-serif;background-color:rgba(0,0,0,0);padding:10px 40px;outline:none;color:#3a678c;border-radius:1.2rem;border:none;font-size:42px}@media(max-width:768px){.loading-screen-button{font-size:32px}}.instructions{display:flex;justify-content:center;align-items:center;position:absolute;bottom:10%;left:50%;max-width:1200px;width:90%;font-size:28px;transform:translate(-50%,-50%);font-family:Bangers;color:#3a678c}.desktop-instructions{text-align:center}@media(max-width:767px){.desktop-instructions{display:none}}@media(min-width:768px){.mobile-instructions{display:none}}@media(max-width:768px){.mobile-instructions{font-size:25px;text-align:center}}