*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{background:#e1dfdd;color:#333;font-family:Popins,sans-serif;overflow:hidden;overflow-y:scroll;text-transform:uppercase}#root{margin:0 auto;max-width:1500px}.triangle{margin-bottom:5px;width:20px}ul{list-style-type:none}a{color:inherit;text-decoration:none}a.hovered{cursor:none}p.description{color:#707070;font-size:clamp(1.6rem,1.3435rem + .5128vw,2rem);gap:3.5px;line-height:1.5em;width:min(750px,95%)}h1,h2,p.description{cursor:default;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}h1,h2{align-items:flex-end;font-size:clamp(4rem,1.1952rem + 6.0976vw,9.2rem);font-weight:400;letter-spacing:-3px;line-height:1em;overflow-y:hidden;width:clamp(30rem,10.3659rem + 42.6829vw,66rem)}h1{flex-direction:row}h1 div,h2{display:flex}h2{align-self:flex-end;justify-content:flex-end;position:relative;width:clamp(13.5rem,4.2438rem + 20.122vw,31rem)}h3{cursor:default;font-size:clamp(6rem,1.6rem + 5vw,8rem);font-weight:100;margin-left:clamp(1rem,-14.8219rem + 28.7671vw,22rem);-webkit-user-select:none;user-select:none}@media(max-width:880px){h3{margin-bottom:50px}}h4{font-size:clamp(3.45rem,1.6704rem + 4.9451vw,8rem);margin-bottom:20px}h4,h5{cursor:default;display:flex;font-weight:400;letter-spacing:-3px;overflow-y:hidden;-webkit-user-select:none;user-select:none}h5{font-size:clamp(4rem,2.3974rem + 3.2051vw,6.5rem);top:20px}@media(max-width:880px){h5{margin-bottom:50px}}h6{cursor:default;font-size:3rem;left:clamp(1rem,-11.2222rem + 11.1111vw,3rem);position:absolute;transition:translate .2s;-webkit-user-select:none;user-select:none;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}@media(max-width:990px){h6{display:none}}h6.services{top:50px}h6.projects{top:-200px}h6 span{background:#333;height:150px;position:absolute;right:50%;top:calc(100% + 15px);width:1px}#cursor{background:#eb3335;border-radius:50%;height:30px;mix-blend-mode:darken;pointer-events:none;position:fixed;top:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .5s,height .5s,background .5s,mix-blend-mode .5s;-webkit-user-select:none;user-select:none;width:30px;z-index:10}#cursor .copy,#cursor .see-more{opacity:0}#cursor.hover-img{background:#fff;height:150px;mix-blend-mode:normal;width:150px}#cursor.hover-img .see-more{font-size:3rem;left:50%;opacity:1;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#cursor.hover-copy{background:#fff;height:150px;mix-blend-mode:normal;width:150px}#cursor.hover-copy .copy{font-size:3rem;left:50%;opacity:1;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}nav{align-items:center;display:flex;font-size:clamp(1.5rem,1.1795rem + .641vw,2rem);justify-content:space-between;padding-left:clamp(1rem,-6.9898rem + 17.1795vw,15rem);padding-right:clamp(1rem,-6.9898rem + 17.1795vw,15rem);padding-top:10px}nav .logo{width:40px}nav ul.links{align-items:center;display:flex;gap:clamp(1.5rem,.5384rem + 1.9231vw,3rem);position:relative}nav ul.links .navLink{display:block;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}header{display:flex;flex-direction:column;justify-content:space-around;min-height:calc(100vh - 50px);overflow:hidden;padding-left:clamp(1rem,-7.9744rem + 17.9487vw,15rem);padding-right:clamp(1rem,-7.9744rem + 17.9487vw,15rem);position:relative}@media(max-width:500px){header{gap:30px;justify-content:center;margin-top:-20%}}@-webkit-keyframes rotation{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.scroller{bottom:20px;cursor:default;left:20px;position:absolute;-webkit-user-select:none;user-select:none}.scroller .circle{height:200px;position:relative;width:200px}.scroller .circle,.scroller .circle .arrow{align-items:center;border-radius:50%;display:flex;justify-content:center}.scroller .circle .arrow{background:#333;color:#e1dfdd;font-size:5rem;height:130px;position:absolute;width:130px}.scroller .circle .text{-webkit-animation:rotation 10s linear infinite;animation:rotation 10s linear infinite;height:100%;position:absolute;width:100%}.scroller .circle .text span{font-size:2rem;left:50%;position:absolute;-webkit-transform-origin:0 100px;transform-origin:0 100px}.scroller .circle .text span:first-child{-webkit-transform:rotate(8.75deg);transform:rotate(8.75deg)}.scroller .circle .text span:nth-child(2){-webkit-transform:rotate(17.5deg);transform:rotate(17.5deg)}.scroller .circle .text span:nth-child(3){-webkit-transform:rotate(26.25deg);transform:rotate(26.25deg)}.scroller .circle .text span:nth-child(4){-webkit-transform:rotate(35deg);transform:rotate(35deg)}.scroller .circle .text span:nth-child(5){-webkit-transform:rotate(43.75deg);transform:rotate(43.75deg)}.scroller .circle .text span:nth-child(6){-webkit-transform:rotate(52.5deg);transform:rotate(52.5deg)}.scroller .circle .text span:nth-child(7){-webkit-transform:rotate(61.25deg);transform:rotate(61.25deg)}.scroller .circle .text span:nth-child(8){-webkit-transform:rotate(70deg);transform:rotate(70deg)}.scroller .circle .text span:nth-child(9){-webkit-transform:rotate(78.75deg);transform:rotate(78.75deg)}.scroller .circle .text span:nth-child(10){-webkit-transform:rotate(87.5deg);transform:rotate(87.5deg)}.scroller .circle .text span:nth-child(11){-webkit-transform:rotate(96.25deg);transform:rotate(96.25deg)}.scroller .circle .text span:nth-child(12){-webkit-transform:rotate(105deg);transform:rotate(105deg)}.scroller .circle .text span:nth-child(13){-webkit-transform:rotate(113.75deg);transform:rotate(113.75deg)}.scroller .circle .text span:nth-child(14){-webkit-transform:rotate(122.5deg);transform:rotate(122.5deg)}.scroller .circle .text span:nth-child(15){-webkit-transform:rotate(131.25deg);transform:rotate(131.25deg)}.scroller .circle .text span:nth-child(16){-webkit-transform:rotate(140deg);transform:rotate(140deg)}.scroller .circle .text span:nth-child(17){-webkit-transform:rotate(148.75deg);transform:rotate(148.75deg)}.scroller .circle .text span:nth-child(18){-webkit-transform:rotate(157.5deg);transform:rotate(157.5deg)}.scroller .circle .text span:nth-child(19){-webkit-transform:rotate(166.25deg);transform:rotate(166.25deg)}.scroller .circle .text span:nth-child(20){-webkit-transform:rotate(175deg);transform:rotate(175deg)}.scroller .circle .text span:nth-child(21){-webkit-transform:rotate(183.75deg);transform:rotate(183.75deg)}.scroller .circle .text span:nth-child(22){-webkit-transform:rotate(192.5deg);transform:rotate(192.5deg)}.scroller .circle .text span:nth-child(23){-webkit-transform:rotate(201.25deg);transform:rotate(201.25deg)}.scroller .circle .text span:nth-child(24){-webkit-transform:rotate(210deg);transform:rotate(210deg)}.scroller .circle .text span:nth-child(25){-webkit-transform:rotate(218.75deg);transform:rotate(218.75deg)}.scroller .circle .text span:nth-child(26){-webkit-transform:rotate(227.5deg);transform:rotate(227.5deg)}.scroller .circle .text span:nth-child(27){-webkit-transform:rotate(236.25deg);transform:rotate(236.25deg)}.scroller .circle .text span:nth-child(28){-webkit-transform:rotate(245deg);transform:rotate(245deg)}.scroller .circle .text span:nth-child(29){-webkit-transform:rotate(253.75deg);transform:rotate(253.75deg)}.scroller .circle .text span:nth-child(30){-webkit-transform:rotate(262.5deg);transform:rotate(262.5deg)}.scroller .circle .text span:nth-child(31){-webkit-transform:rotate(271.25deg);transform:rotate(271.25deg)}.scroller .circle .text span:nth-child(32){-webkit-transform:rotate(280deg);transform:rotate(280deg)}.scroller .circle .text span:nth-child(33){-webkit-transform:rotate(288.75deg);transform:rotate(288.75deg)}.scroller .circle .text span:nth-child(34){-webkit-transform:rotate(297.5deg);transform:rotate(297.5deg)}.scroller .circle .text span:nth-child(35){-webkit-transform:rotate(306.25deg);transform:rotate(306.25deg)}.scroller .circle .text span:nth-child(36){-webkit-transform:rotate(315deg);transform:rotate(315deg)}.scroller .circle .text span:nth-child(37){-webkit-transform:rotate(323.75deg);transform:rotate(323.75deg)}.scroller .circle .text span:nth-child(38){-webkit-transform:rotate(332.5deg);transform:rotate(332.5deg)}.scroller .circle .text span:nth-child(39){-webkit-transform:rotate(341.25deg);transform:rotate(341.25deg)}.scroller .circle .text span:nth-child(40){-webkit-transform:rotate(350deg);transform:rotate(350deg)}section#services{padding-block:100px 150px;position:relative}section#services:before{background:hsla(0,0%,100%,.3);border-radius:51% 49% 70% 30%/37% 51% 49% 63%;content:"";height:clamp(20rem,15rem + 15.625vw,35rem);left:20%;left:clamp(.5rem,15.625vw,20rem);position:absolute;top:30%;width:clamp(20rem,15rem + 15.625vw,35rem);z-index:-1}section#services .texts-container{display:flex;flex-direction:column;gap:80px;margin-left:clamp(1rem,-28.3835rem + 53.4247vw,40rem)}section#projects{display:flex;flex-direction:column;gap:50px;overflow:hidden;padding-right:clamp(1rem,-39.7778rem + 38.8889vw,10rem);position:relative}@media(max-width:880px){section#projects h3{margin-bottom:0}}section#projects .container-project{display:flex;padding-left:clamp(1rem,-38.8rem + 47.5vw,22rem)}@media(max-width:880px){section#projects .container-project{flex-direction:column}section#projects .container-project .content,section#projects .container-project .img-box{width:100%}}section#projects .container-project .content{display:flex;flex-direction:column;height:100%;margin-right:20px;position:-webkit-sticky;position:sticky;top:20px;width:50%}@media(max-width:880px){section#projects .container-project .content{width:100%}section#projects .container-project .content h5{margin-bottom:0}}section#projects .container-project .content .description{margin-block:15px}section#projects .container-project .content .divider{background:rgba(51,51,51,.333);height:2px;width:100%}section#projects .container-project .content .container-languages{display:flex;flex-direction:column;font-size:1.8rem;gap:10px;margin:50px 0 0 30px}@media(max-width:880px){section#projects .container-project .content .container-languages{flex-direction:row;flex-wrap:wrap;gap:30px;margin:40px 0}}section#projects .container-project .content .container-languages .language{color:#707070;cursor:none;display:flex;transition:letter-spacing .3s;-webkit-user-select:none;user-select:none;width:-webkit-max-content;width:max-content}section#projects .container-project .content .container-languages .language:hover{color:#333;letter-spacing:1px}section#projects .container-project .content .container-languages .language:hover span{color:#eb3335}section#projects .container-project .content .container-languages .language span{margin-right:10px;transition:color .3s}section#projects .container-project .img-box{overflow:hidden;position:relative;width:60%}@media(max-width:1200px){section#projects .container-project .img-box{width:55%}}@media(max-width:880px){section#projects .container-project .img-box{width:100%;z-index:10}section#projects .container-project .img-box:after{align-items:center;background:#fff;border-radius:50%;content:"VOIR";display:flex;font-size:3rem;height:120px;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:120px}}section#projects .container-project .img-box:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1.1);transform:scale(1.1)}section#projects .container-project .img-box img{-webkit-filter:grayscale(100%);filter:grayscale(100%);object-fit:cover;transition:all .5s;width:100%;z-index:9}@media(max-width:880px){section#projects .container-project .img-box img{-webkit-filter:grayscale(0);filter:grayscale(0);height:700px}}section#contact{display:flex;flex-direction:column;margin-top:clamp(10rem,-1rem + 12.5vw,15rem)}section#contact>:not(span){margin-block:50px}@media(max-width:880px){section#contact h3{margin-bottom:0}}section#contact .texts{cursor:default;display:flex;font-size:clamp(2rem,-1.0555rem + 2.7778vw,2.5rem);gap:8rem;padding-left:clamp(1rem,-113.111rem + 105.5556vw,22rem);padding-right:clamp(1rem,-113.111rem + 105.5556vw,22rem);-webkit-user-select:none;user-select:none}@media(max-width:880px){section#contact .texts{flex-direction:column;gap:3rem}}section#contact .email{word-wrap:break-word;cursor:none;display:flex;flex-wrap:wrap;font-size:clamp(4rem,.7949rem + 6.4103vw,9rem);font-weight:400;letter-spacing:-3px;margin-left:clamp(1rem,-113.111rem + 105.5556vw,22rem);text-decoration:underline;width:clamp(28rem,5.5642rem + 44.8718vw,63rem)}section#contact .container-social{cursor:default;display:flex;font-size:2.3rem;gap:clamp(3rem,-8rem + 12.5vw,8rem);justify-content:center;margin:80px 0 30px;-webkit-user-select:none;user-select:none}@media(max-width:880px){section#contact .container-social p{display:none}}section#contact .container-social .social a{align-items:center;display:flex;gap:15px;justify-content:center}section#contact .container-social .social a img{height:30px;width:30px}.loading-page{align-items:center;background:#333;color:#e1dfdd;display:flex;height:100vh;justify-content:center;position:relative}.loading-page .divider{-webkit-animation:load 4s ease-in-out forwards;animation:load 4s ease-in-out forwards;background:#e1dfdd;height:3px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0}.loading-page h1{justify-content:center}@-webkit-keyframes load{80%{width:100%}80.1%{height:3px;width:100%}to{height:100%;width:100%}}@keyframes load{80%{width:100%}80.1%{height:3px;width:100%}to{height:100%;width:100%}}
/*# sourceMappingURL=main.282d0420.css.map*/