body{scroll-behavior:smooth;padding:20px 50px;font-family:helvetica;font-size:20px}a{text-decoration:none}h1{font-family:aktiv;font-size:50px;font-weight:900}h2{margin-top:30px;font-size:40px}p{margin:10px 0}button{background-color:#fff1;border:1px solid #d566ff80;padding:15px 40px;font-size:20px;transition:color .3s,border .3s,box-shadow .3s}@media screen and (max-width:1100px){h2{font-size:26px}}@media screen and (max-width:700px){p,a,button,ul{font-size:18px}}body{margin:0 auto}[id]{scroll-margin-top:80px}@media screen and (max-width:700px){body{padding:20px}}.home{align-items:center;gap:100px;min-height:100vh;padding-top:100px}.accueil{position:relative}.home-container{align-items:center;gap:70px;display:flex}.title h1,.title h2{text-transform:uppercase;margin:0;font-family:aktiv}.presentation{opacity:.7;width:65%;margin-top:15px;font-size:18px;font-style:italic;line-height:30px}.name{font-size:30px}.social{flex-direction:column;gap:20px;display:flex}.social img{width:40px;height:auto}.social a:hover,.social-footer a:hover{opacity:.7}.container{flex-direction:column;align-items:center;gap:30px;display:flex}.about-container,.skills-container,.redLine{margin-top:200px}.btn{background-color:#0000;border:none;border-radius:30px;outline:2px solid #d566ff80;justify-content:center;align-items:center;width:30px;height:50px;margin-top:80px;margin-left:auto;margin-right:auto;display:flex;position:relative;box-shadow:0 0 10px #d566ff80}.scroll{background-color:#d566ff80;border-radius:10px;width:5px;height:10px;animation:2s linear infinite scroll_4013;transform:translateY(40%);box-shadow:0 0 10px #d566ff80}.btn:after{content:"scroll";text-transform:uppercase;letter-spacing:1.5px;position:absolute;top:140%}@keyframes scroll_4013{0%{transform:translateY(40%)}50%{transform:translateY(90%)}}@media screen and (max-width:700px){.container{display:none}.presentation{width:100%}.name{font-size:26px}}@media screen and (max-width:400px){.name{font-size:20px}.about-container,.skills-container,.redLine{margin-top:150px}}.text,.second-text{-webkit-user-select:none;user-select:none;margin:0 auto;font-family:aktiv;font-size:45px;display:flex}.text .wrapper,.second-text .wrapper{padding-top:20px;padding-right:5px}.text .letter,.second-text .letter{transition:all 1s ease-out;transform:translateY(40%)}.text .wrapper:hover .letter{transform:translateY(-50%)}.second-text .wrapper:hover .letter{transform:translateY(100%)}@media screen and (max-width:1100px){.text,.second-text{font-size:30px}}@media screen and (max-width:700px){.text,.second-text{font-size:26px}}@media screen and (max-width:400px){.text,.second-text{font-size:18px}.letter-mobile{padding-left:10px!important}.text .letter,.second-text .letter{transition:none;transform:none}.text .wrapper:hover .letter,.second-text .wrapper:hover .letter{transform:none}}.filter-container{justify-content:space-between;display:flex}.filter{border-radius:60px;height:fit-content;box-shadow:0 0 8px 2px #d566ff33,inset 0 0 0 .5px #a369d2}.filter button{background-color:#0000;border:none;padding:20px 35px;transition:background-color .3s,box-shadow .3s}.filter button:first-child{border-radius:30px 0 0 30px}.filter button:nth-child(3){border-radius:0 30px 30px 0}.filter button:hover{background-color:#d9d9d921}.filter button.active{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:10;background-color:#fff1;border:1px solid #ffe9e926;position:relative;box-shadow:.5px 3px 3px #ffffff1a}.filter button:first-child.active{border-radius:30px 0 0 30px}.filter button:nth-child(3).active{border-radius:0 30px 30px 0}.items-container{flex-wrap:wrap;gap:40px;margin-top:50px;display:flex}.item{flex-direction:column;justify-content:space-between;width:30%;margin-bottom:60px;transition:opacity .3s;display:flex}.item:hover{opacity:.7}.item>div{margin-top:30px}.item>img{object-fit:cover;width:100%;height:100%}.item-title{max-width:90%;line-height:30px}.link-project:hover{opacity:.7}.category{justify-content:space-between;margin-top:10px;display:flex}@media screen and (max-width:900px){.item{width:100%}}@media screen and (max-width:850px){.filter-container{flex-direction:column;gap:30px}}@media screen and (max-width:700px){.filter{border-radius:10px;flex-direction:column;display:flex}.filter button{padding:10px 0}.filter button:first-child.active{z-index:-1;border-radius:10px 10px 0 0}.filter button:nth-child(3).active{z-index:-1;border-radius:0 0 10px 10px}}.slideIn{z-index:1000;width:100vw;max-width:100%;height:100vh;line-height:1.7;animation:.4s forwards slideIn;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}@keyframes slideIn{to{transform:translate(0)}}.slideIn.open{right:0}.detail-container{padding:50px}.detail-container h1{margin-bottom:15px}.return-btn{display:flex}.return-btn img{width:30px;animation:1.2s linear infinite attention;rotate:180deg}.return-btn:hover{opacity:.7}@keyframes attention{0%{transform:translate(0%)}50%{transform:translate(30%)}}.photo1{width:650px;height:auto}.slider-img{width:600px;height:350px}.link-site{align-items:center;text-decoration:underline;display:flex}.link-site:hover{opacity:.5}.competence{border:1px solid #a369d2;align-items:baseline;margin-bottom:30px;padding:20px;display:flex}.competence ul{flex-wrap:wrap;gap:30px;margin:0;list-style:none;display:flex}.slider-container{flex-direction:column;align-items:end;display:flex}.btn-slide{gap:50px;margin-top:15px;display:flex}.btn-slide div{align-items:center;margin-top:10px;display:flex}.btn-slide div:hover{opacity:.5}.btn-slide button{background-color:#0000;border:none;padding:0}.projet{gap:100px;margin-top:50px;display:flex}.left-btn{transform:rotate(180deg)}@media screen and (max-width:1200px){.projet{flex-direction:column}.slider-container{align-items:start}.slider-img{width:100%;height:auto}}@media screen and (max-width:700px){.detail-container h1{font-size:26px}.detail-container{padding:20px}.slideIn{width:100%}}@media screen and (max-width:450px){.competence{flex-direction:column}.competence ul{gap:20px;margin-top:10px;padding-left:0}}.about{justify-content:space-between;margin-top:90px;line-height:35px;display:flex}.about>div{width:40%}.button-about{margin-top:50px}.button-about a{opacity:.8;align-items:center;display:flex}.button-about a:hover{opacity:1}.button-about .icon{transition:all .2s linear;animation:1.2s linear infinite attention;transform:translate(0%)}.skills{justify-content:space-between;display:flex}.skill{align-items:center;gap:10px;margin-bottom:30px;display:flex}.skill img{animation:1.2s linear infinite animate}@keyframes animate{0%{transform:translateY(0%)}50%{transform:translateY(10%)}}.skillList{grid-template-columns:repeat(3,1fr);justify-self:start;column-gap:15px;margin-top:50px;display:grid}.skills h3{font-size:30px}@media screen and (max-width:1100px){.about,.skills{flex-direction:column;gap:30px}.about>div{width:80%}.skillList{column-gap:5px}}@media screen and (max-width:700px){.about{margin-top:50px}.about>div{width:100%}.skills h3{font-size:22px}}@media screen and (max-width:400px){.skillList{grid-template-columns:repeat(2,1fr);column-gap:15px}.skills{gap:70px}}.navbar{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.menu a{opacity:.7;transform-origin:0 0;padding:20px;transition:transform .5s}.menu a:hover{opacity:1}.mod{cursor:pointer}.mod:hover{opacity:.7}.menu-mobile{display:none;position:relative}.menu_section_mobile{opacity:0;pointer-events:none;z-index:1000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s,transform .3s;display:flex;position:fixed;inset:0;transform:scale(1.05)}.menu_section_mobile.active{opacity:1;pointer-events:auto;transform:scale(1)}.menu_section_mobile a{margin-bottom:50px}@media screen and (max-width:700px){.navbar{display:none}.menu-mobile{justify-content:space-between;align-items:center;display:flex}.hamburger{justify-content:end;display:flex}.menu_section_mobile.active{display:flex}.closeBtn{width:50px;position:absolute;top:40px;right:30px}.menu-theme{align-items:center;gap:30px;display:flex}.mod{width:30px}.hamburger{width:40px}}.redLine{opacity:.5;background-color:#a369d2;height:1px;margin-inline:calc(50% - 50vw);box-shadow:0 0 8px 5px #d566ff33,inset 0 0 0 .5px #a369d2}.footer{justify-content:space-between;align-items:center;height:250px;display:flex}.contact{flex-direction:row-reverse;align-items:center;margin-bottom:10px;display:flex}.contact-text{gap:5px;margin-right:20px;display:flex}.contact-text img{width:15px}.contact a:hover{opacity:.7}.credit{opacity:.6;margin:20px;font-size:16px}.contact-container{margin-right:30px}.reseau{width:55px}@media screen and (max-width:700px){.logo-footer{width:90px!important}.reseau{width:30px}.contact-text img{width:20px}}@media screen and (max-width:400px){.logo-footer{width:60px!important}}@font-face{font-family:helvetica;src:url(/assets/HelveticaNeueRoman-CSpBGpqm.otf)format("opentype");font-weight:400}@font-face{font-family:aktiv;src:url(/assets/AktivGrotesk-Black-BoDiUtt4.otf)format("opentype");font-weight:900}body[data-theme=light],body[data-theme=light] .menu_section_mobile{color:#171717;background-color:#fbf5ff}body[data-theme=light] a,body[data-theme=light] button,body[data-theme=light] .btn:after{color:#171717}body[data-theme=light] .slideIn{background-color:#fbf5ff}body[data-theme=light] .filter button.active{border:1px solid #e8d3d354;box-shadow:.5px 3px 3px #3030301a}body[data-theme=dark],body[data-theme=dark] .menu_section_mobile{color:#f5f5f5;background-color:#150924}body[data-theme=dark] a,body[data-theme=dark] button,body[data-theme=dark] .btn:after{color:#f5f5f5}body[data-theme=dark] .slideIn{background-color:#150924;box-shadow:-3px 0 20px #ffffff1f}