html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#root{width:100%;height:100%}.hidden{opacity:0;filter:blur(1px);transform:translate(-20px);transition:all .3s}.show{opacity:1;filter:blur(0);transform:translate(0);transition:all .3s}.anim-wrapper{height:100vh;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.anim__top{font-size:3rem;color:#fff;margin-bottom:15px;transition-delay:.15s}.anim__sub{color:#fff;transition-delay:.3s}.main-nav{position:fixed;top:0;z-index:999;width:100%;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#323232;border-bottom:2px solid black}.main-nav__wrapper{position:absolute;width:85%;display:flex;justify-content:space-between}.main-nav__left{color:#fff}.main-nav__left h1{font-size:1rem;font-weight:600;margin-bottom:2px}.main-nav__left h3{font-size:.8rem;font-weight:300}.main-nav__right{display:flex;align-items:center;justify-content:space-between;font-weight:500;gap:15px}.main-nav__right a{font-size:.9rem;color:#fff;text-decoration:none}.site-content{z-index:-999;width:80%;max-width:1200px;margin:100px auto 0;background-color:#fff}.site-section{border-top:1px solid black;margin-bottom:20px}.site-section__title{font-size:3.5rem;font-family:Noticia Text;font-style:italic;padding:10px 0 20px;color:#655f5f;cursor:pointer}.site-section__title:hover{color:#000}.project-item{border-top:1px solid black;padding:10px 0 20px;display:flex;flex-direction:column}.project-header{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:10px}.project-header:hover .project-header__would-you{opacity:1;transition:opacity}.project-header__mini-top{display:flex;justify-content:space-between}.project-header__mini-blut,.project-header__mini-num{font-size:.7rem;font-weight:300}.project-header-title-wrap{display:flex;gap:15px}.project-header__title{font-family:Noticia Text;font-size:3rem;transition:all .15s ease-in-out}.project-header__title:hover{color:#505050;transition:all .15s ease-in-out}.project-header__would-you{color:#c3b021;font-family:Noticia Text;font-style:italic;font-size:.9rem;display:flex;align-items:flex-end;padding-bottom:5px;opacity:0}.project-infos{margin-top:25px;display:flex;gap:30px}.project-infos-wrapper{height:0px;margin-top:-5px;overflow:hidden;transition:height .22s ease-out}.project-infos__text{flex:1;min-width:250px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.project-infos__desc{font-weight:400;line-height:1.4}.project-infos__technos{display:flex;flex-direction:column;justify-content:space-between;gap:10px;flex:1}.project-infos__technos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(0,40px));grid-gap:8px;max-width:100%}.project-infos__links{padding:8px 0}.project-infos__link{text-decoration:none;width:84px;border:1px solid black;border-radius:19px;color:#000;font-size:.8rem;font-weight:400;padding:7px 15px;transition:all .1s ease-in-out;margin-right:10px}.project-infos__link:hover{transition:all .1s ease-in-out;background-color:#000;color:#fff}.project-infos__techno{max-width:40px}.project-infos__techno-icon{width:35px;height:35px;object-fit:contain}.project-infos__techno-name{font-size:.8rem}.project-infos__screen{flex:2;height:415px;display:flex;align-items:flex-start;overflow:hidden;background-color:#fff;border:1px solid black;border-radius:5px;margin-bottom:1px}.project-infos__screen-img{object-fit:cover;min-height:100%;width:100%}.about-content-wrapper{display:flex;flex-direction:column;width:80%;margin:auto}.about-title{padding:10px 0 20px;margin-bottom:10px}.about-text{font-style:italic;margin-bottom:30px;line-height:1.3}.about-formation{display:flex;flex-direction:column;margin-bottom:15px}.about-formation__title{font-size:1.1rem;font-weight:600;margin-bottom:10px}.about-formation__item{margin-bottom:5px}.about-formation__item--year{font-weight:600}.about-formation__item--school{font-style:italic;font-size:.9rem}.about-stack__title{font-size:1.1rem;font-weight:600;margin-bottom:10px}.about-stack__list{display:flex;flex-wrap:wrap;gap:10px}.about-stack__icon{width:30px;height:30px;object-fit:contain}.contact-wrapper{display:flex;flex-direction:column;align-items:center}.contact-form{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-form__label{margin-bottom:10px}.contact-form__input{width:400px;margin-bottom:10px;border:1px solid black;border-radius:5px;padding:10px;font-size:1.2rem}.contact-form__input-sender{height:30px}.contact-form__input-text{height:100px;resize:none}.contact-form__btn{cursor:pointer;border:1px solid black;border-radius:20px;background-color:#fff;padding:10px 15px}.contact-form__btn:hover{background-color:#000;color:#fff}.footer{border-top:2px solid black;display:flex;flex-direction:column;justify-content:center;align-items:center;height:60px;padding:10px 0;background-color:#fff}.footer-text{margin-bottom:10px}.footer-socials{display:flex;gap:10px}.footer-socials__icon{width:25px;height:25px}.folder{overflow:hidden}@media screen and (max-width: 750px){.main-nav__right{font-size:.8rem}.anim__sub{width:70%}.site-content{width:auto;margin:100px 10px 0}.project-infos{flex-direction:column}.project-item{padding:10px 0}.project-header{gap:10px}.project-header__title{font-size:15vw}.project-infos{margin-top:10px;gap:10px}.contact-form{width:90%}.contact-form__input{width:100%}}:root{font-family:Work Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}