#app{text-align:center}.container{width:98vw;height:99vh;position:absolute;top:0;left:0;clip-path:inset(0 0 0 0)}.diamond{width:7px;height:7px;background-color:rgba(255,255,240,.8);position:fixed;transform:rotate(45deg);background-color:rgba(255,255,240,.5)}#cursor{width:20px;height:20px;background-color:rgba(255,255,240,.9);border-radius:40px;position:absolute;z-index:100;pointer-events:none}@media (max-width:480px){#cursor{display:none}}#sun{width:15vh;height:15vh;background-color:hsla(66,98%,75%,.9);border-radius:50%;position:fixed;top:2%;right:8%;box-shadow:0 0 4vh 1vh hsla(66,98%,75%,.6),0 0 8vh 2vh hsla(66,98%,75%,.4),0 0 12vh 3vh hsla(66,98%,75%,.2);z-index:0}#projets h3{font-family:ClashDisplay,sans-serif;display:inline-block;margin:.5em 0 1em 0}.projects{list-style-type:none;display:flex;flex-direction:column;gap:2vh}.projects h3{font-family:Whyte Inktrap,sans-serif}.project{position:relative;z-index:1;margin:0 10vw;padding:2vh;display:flex;border-radius:12px;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.1);overflow:hidden;transition:padding .4s,margin .4s}.project:hover{margin:0;padding:2vh 10vw;border-radius:0;background:hsla(0,0%,100%,.06)}.project a{pointer-events:none}.project .tech a{pointer-events:auto}.scroll-text-ctn{top:0;left:0;width:100%;height:100%}.scroll-text,.scroll-text-ctn{position:absolute;pointer-events:none;z-index:0}.scroll-text{top:50%;left:100%;transform:translateY(-50%);font-family:Galderglynn\ 1884,sans-serif;font-size:32vh;letter-spacing:2px;white-space:nowrap;opacity:0;transition:opacity .5s ease}.project:hover .scroll-text{opacity:.1;animation:scrollText 9s linear infinite;animation-delay:calc((9s/var(--quantity))*(var(--position) - 1))}@keyframes scrollText{0%{left:100%}to{left:-100%}}.project-infos{text-align:left;z-index:1}.project-infos h3{font-weight:600;margin:0;font-size:2.8em}.project-infos h4{font-weight:300;margin:0;font-size:2em}.project-img{width:25vw;border-radius:10px;z-index:1}.tech{display:flex;gap:10px;align-items:center}.tech img{height:32px}.radius{border-radius:50px;padding:2px}.bg-white{background-color:#fff;padding:2px;border-radius:4px}@media (max-width:768px){.project{margin:0 2.6vw}.project:hover{padding:2vh 2.6vw}.project-infos h3{font-size:2em}.project-infos h4{font-size:1.4em}.scroll-text{font-size:42vh}}@media (max-width:480px){#projets h3{margin:.4em 0}.project-infos h3{font-size:1.8em}.project-infos h4{font-size:1.2em;padding-bottom:1vh}.project-img{display:none}}.bigContainer{position:absolute;pointer-events:none;width:100%;height:100%;top:0;left:0;clip-path:inset(0 0 0 0)}.bigDiamond{width:32px;height:32px;background-color:rgba(211,211,91,.3);position:fixed;transform:rotate(45deg);z-index:-1}#competences{margin-top:20vh;position:relative;overflow:hidden}#competences h3{font-weight:300;margin-top:6vh;margin-bottom:0}#competences h4{font-weight:280;margin-top:6vh;margin-bottom:3.2vh}.wire-ctnC{position:absolute;bottom:0;right:0;width:50vw;height:100vh;z-index:0}.wire-ctnC .wire1{bottom:10%;width:27%;height:20%}.wire-ctnC .wire1,.wire-ctnC .wire2{position:absolute;opacity:.8;right:0;border-bottom:.5vw solid #22527a;border-left:.5vw solid #22527a}.wire-ctnC .wire2{bottom:15%;width:22%;height:15%}.wire-ctnC .wire3{position:absolute;opacity:.8;bottom:30%;right:20%;width:10%;height:2.5%;background-color:#22527a}.line2,.line3{padding:0 10vw 8vh 10vw;display:flex;gap:2vw}.l2-div{text-align:left;width:50%}.l3-div{text-align:left;width:33.3%}.cp-list{display:flex;flex-direction:column;align-items:start;gap:1vh}.cp-tech{margin-left:2vw;font-size:2em;display:flex;gap:10px;align-items:center;white-space:nowrap}.cp-tech img{width:3.2vw;height:3.2vw;-o-object-fit:contain;object-fit:contain;border-radius:4px}.cp-tech a{text-decoration:none;font-weight:340;color:#fff;transition:font-weight .3s,margin-left .3s}.cp-tech a:hover{margin-left:6px;font-weight:460}.bg-white-bl{background-color:#fff}@media (max-width:480px){#competences{margin-top:4vh}.line2,.line3{flex-direction:column;align-items:center}.l2-div,.l3-div{width:100%;text-align:center}#competences h3{font-weight:400}.ctn-competences h4{font-size:6vw}.cp-list{padding-left:15vw}.cp-tech p{font-size:4.6vw}}.lily-pad{width:100px;height:60px;background-color:#6aa84f;border-radius:50%;position:relative;box-shadow:0 8px 15px rgba(0,0,0,.14)}.lily-pad:before{content:"";position:absolute;width:55px;height:50px;clip-path:polygon(50% 20%,100% 50%,50% 80%,0 50%);background-color:#7ff1f1;top:5px;left:70px}.reflection{position:absolute;width:100%;height:100%;background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,0) 70%);border-radius:50%;opacity:.6}@keyframes shimmer{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1)}}@keyframes move{0%{transform:translate(0)}50%{transform:translate(50px,20px)}to{transform:translate(-50px,40px)}}footer{perspective:500px;position:relative;background-color:#7ff1f1;color:#266d46;font-weight:460;text-align:left;padding:4vh 10vw 6vh 10vw}footer h4{margin:0;font-weight:500}footer p{font-size:1.5em;font-weight:460}.ft-link{color:#266d46}.ft-link:hover{color:#1b2963}.white-line{background:#fff;width:100%;height:6px}.reflect-ctn{position:relative}.reflect{position:absolute;top:50%;left:0;right:0;color:#266d46;transform:scaleY(-1);filter:blur(3px);clip-path:polygon(0 10%,100% 0,100% 100%,0 90%);pointer-events:none;opacity:.28;z-index:-1}.l1{margin-left:1.75vw;font-size:2.8em}.l3{margin-left:-.8vw}@media (max-width:768px){.l1{font-size:2.4em}}@media (max-width:480px){.l1{font-size:1.8em}#nenuphar1{padding-top:6vh}#nenuphar2{display:none}}#moi,.moi-ctn{position:relative}.moi-ctn{margin:15vh 20vw 0 20vw;display:flex;justify-content:center;align-items:center}.ml{padding-left:4.5vw}.wire-ctnB{position:absolute;top:0;right:0;width:50vw;height:100vh;z-index:0}.wire-ctnB .wire1{top:15%;width:22%;height:20%}.wire-ctnB .wire1,.wire-ctnB .wire2{position:absolute;opacity:.8;right:0;border-top:.5vw solid #22527a;border-left:.5vw solid #22527a}.wire-ctnB .wire2{top:20%;width:17%;height:15%}.wire-ctnB .wire3{position:absolute;opacity:.8;top:35%;right:15%;width:10%;height:2.5%;background-color:#22527a}.light{position:absolute;background-color:#ffffa8;left:50%;top:-3px;width:2.8%;height:6px;transform:translateX(-50%);z-index:1;box-shadow:0 0 15px rgba(255,255,168,.8),0 0 30px rgba(255,255,168,.6),0 0 45px rgba(255,255,168,.4),0 0 60px rgba(255,255,168,.2);animation:oscillation 3s ease-in-out infinite}@keyframes oscillation{0%{box-shadow:0 0 15px rgba(255,255,168,.8),0 0 30px rgba(255,255,168,.6),0 0 45px rgba(255,255,168,.4),0 0 60px rgba(255,255,168,.2)}50%{box-shadow:0 0 15px #ffffa8,0 0 30px rgba(255,255,168,.9),0 0 15px rgba(255,255,168,.8),0 0 60px rgba(255,255,168,.7)}to{box-shadow:0 0 15px rgba(255,255,168,.8),0 0 30px rgba(255,255,168,.6),0 0 45px rgba(255,255,168,.4),0 0 60px rgba(255,255,168,.2)}}.border-top1{left:-.5%}.border-top1,.border-top2{position:absolute;background-color:#72cdff;top:-4px;width:47.5%;height:8px;z-index:1}.border-top2{right:-.5%}.border-top3{background-color:#007cbf;top:0;width:99.7%;height:12px;z-index:0}.border-top3,.border-top4{position:absolute;left:50%;transform:translateX(-50%)}.border-top4{background-color:#72cdff;top:8px;width:8%;height:4px;z-index:1}.border-top5{left:0;top:12px;width:100%;height:2px}.border-top5,.border-top6{position:absolute;background-color:#72cdff;z-index:1}.border-top6{left:46.1%;top:4px;width:.9%;height:4px}.border-top7{position:absolute;background-color:#72cdff;right:46%;top:4px;width:1%;height:4px;z-index:1}.description{width:60vw;padding:4vh 2vw 2vh 2vw;border:2px solid;border-color:#37b6fe;border-top:none;background-color:#1d2c6a;display:flex;justify-content:space-around;align-items:center;gap:7vw}.description h2{margin:2vh 0 3vh 0;font-size:6vh}.description h4{margin:1vh 0;font-size:4.6vh}.description a{font-size:4vh;text-decoration:none;color:#fff;background-color:#2a4683;padding:8px 12px;border-radius:8px}.about-btn{margin-top:3.2vh;margin-bottom:1vh}.numa{width:20vw;height:20vw}@media (max-width:768px){.moi-ctn{margin:15vh 16vw 0 16vw}.description{width:64vw}.description h2{font-size:5vh}.description h4{font-size:4vh}.moi-ctn{margin:12vh 8vw 0 8vw}.description{width:80vw}.ml{padding-left:0}.numa{display:none}}main{margin-bottom:8vh}.main-ctn{position:relative;z-index:0}.slide-reveal{position:relative;overflow:hidden;transition:clip-path .75s ease-out}.back-btn{top:0;width:6vh}.back-btn img{width:100%}.aboutHeader{display:flex;justify-content:space-between;gap:2vw;margin:5vh 8vw 2vh 8vw}.aboutHeader img{width:25vw;height:25vw}.right{text-align:center}.right h1{font-size:3.6vw;margin:0;margin-top:2vh}.right p{font-size:1.3vw;margin:2.8vh}#xp{display:flex;justify-content:space-between;margin:0 12vw}#xp div{width:34vw;margin:5vh 0}#xp h4{font-size:3vw;margin:0}#xp h4,#xp p{margin-top:2vh}#xp p{font-size:2vw}.passions{margin-top:15vh;margin-bottom:15vh}.passions h1{font-size:4vw}.passions-list{display:flex;justify-content:space-evenly;margin-left:5%;margin-right:5%}.passion{position:relative;width:16%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.6vw;font-weight:400;background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:1}.passion:before{content:"";border-radius:8px;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:-1}.musicBG{background-image:url(/img/californication.e0828eca.jpg)}.catBG{background-image:url(/img/awesome.6bc4d627.jpg)}.cinemaBG{background-image:url(/img/se7en.cd741058.jpg)}.drawingBG{background-image:url(/img/draw.8bdb75c2.jpg)}.mangaBG{background-image:url(/img/csm.7be478c2.jpg)}.gamesBG{background-image:url(/img/outer-wilds.4114d133.jpg)}.clipL,.clipR{position:relative;overflow:hidden;transition:clip-path .75s ease-out}@media (max-width:480px){.aboutHeader{flex-direction:column;align-items:center;margin:5vh 4vw 2vh 4vw}.aboutHeader img{width:50vw;height:50vw}.right h1{font-size:5vw}.right p{font-size:3vw}#xp{margin:0 8vw}#xp h4{font-size:5vw}#xp p{font-size:3.2vw}.passions{margin-top:2vh;margin-bottom:12vh}.passions h1{font-size:6vw}.passions-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.passion{width:80%;margin:15%;font-size:3.6vw}.mangaBG{font-size:2.8vw}}#rlts{display:flex;align-items:center;justify-content:center}.section{position:fixed;width:90%;height:80vh;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(108deg,#0e1841,#1b2963)}.section:nth-of-type(2n){background:linear-gradient(108deg,#1b2963,#0e1841)}.section:not(.first){opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(1.2)}#rlts h1{text-transform:uppercase;font-size:5vw;margin:4vh}#headGrid{display:grid;grid-template-columns:1fr 4fr;grid-template-rows:1fr 1fr 2fr}#headGrid,.item{border:2px solid #8cffff}.gridTitle{grid-column:span 2}.rltsLogo-ctn{grid-row:span 2;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}#rltsLogo{width:80%}.gridTech{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;gap:4vw}.gridTech img{height:6vw}.gridInfos{grid-column:2;grid-row:3;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding-left:5vh;font-size:2.8vw}.gridInfos p{font-size:3vw}#gridProject{height:90vh;display:grid;grid-template-columns:3fr 2fr;grid-template-rows:3fr 8fr 1fr;border:2px solid #8cffff}.gridParagraph{grid-column:2;grid-row:span 2;display:flex;flex-direction:column;gap:1.5vh;justify-content:start;text-align:left;padding:2vw 1.6vw}.gridParagraph p{font-size:1.5vw}.gridTrailer{grid-column:1;grid-row:2;position:relative}.gridMediaFooter{grid-column:1;grid-row:3;display:flex;justify-content:center;align-items:center}.gridMediaFooter p{font-size:100%;font-weight:500}#trailerVideo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#gridMission{display:grid;grid-template-columns:2fr 2fr;grid-template-rows:1fr 3fr;border:2px solid #8cffff}.gridArticle{display:flex;flex-direction:column;gap:1.5vh;justify-content:start;align-items:center;padding:1.6vw 2vw}.gridArticle h3{text-transform:uppercase;font-size:8vh;margin:0}.gridArticle p{text-align:left;font-size:1.5vw}#gridWebsite{height:90vh;display:grid;grid-template-columns:3fr 2fr;grid-template-rows:3fr 8fr 1fr;border:2px solid #8cffff}#see{margin-top:1.6vh;font-size:2.6vw}.gridImage{position:relative}#websiteImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#gridFinals{height:90vh;display:grid;grid-template-columns:2fr 2fr;grid-template-rows:1fr 3fr;border:2px solid #8cffff}#gridFinals .gridTitle{grid-column:span 3}.gridImgCaroussel{overflow:hidden;position:relative}.pic-container{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%}.pic{position:relative;width:100%;height:auto;border-bottom:4px solid #8cffff}.rltsFt{margin:1.6vh 0 1.6vh 0}.gridMediaFooter .rltsFt{font-size:4.6vh}#gridLinks{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 3fr;border:2px solid #8cffff}.gridLinks{display:flex;flex-direction:column;gap:1.5vh;justify-content:start;align-items:center;font-size:4.6vh}#gridLinks ul{list-style:none;margin:0}#gridLinks li{margin-bottom:4vh}.low-back-btn{background:linear-gradient(24deg,#293980,#1b2862);border-radius:12px;margin-top:1vh;padding:1.2vh 2vw}.low-back-btn a{color:#8cffff}@media (max-width:480px){#headGrid{grid-template-columns:3fr 1fr;grid-template-rows:1fr 2fr 3fr}.gridTech,.rltsLogo-ctn{grid-row:auto}.gridTech{grid-column:auto;flex-direction:column;gap:5vh}.gridTech img{width:50%;height:auto}.gridInfos{grid-column:span 2;padding-left:0}.gridInfos p{font-size:5vw}#gridProject{height:80vh;grid-template-columns:1fr 1fr;grid-template-rows:1fr 4fr 1fr 5fr}.gridMediaFooter,.gridParagraph,.gridTrailer{grid-column:span 2;grid-row:auto}.gridParagraph p{font-size:3.2vw}#gridMission{grid-template-rows:1fr 1fr 3fr 1fr 3fr;border:2px solid #8cffff}#gridMission,#gridWebsite{grid-template-columns:1fr 1fr}#gridWebsite{height:80vh;grid-template-rows:1fr 3fr 1fr 5fr}.gridArticle,.gridImage{grid-column:span 2}.gridArticle{padding-bottom:3vh}.gridArticle h3{font-size:7vw}.gridArticle p{font-size:3.6vw}#gridFinals{height:80vh;grid-template-rows:1fr 6fr}.gridLinks{font-size:3vh}.gridLinks ul{padding:4vw}}#legals{text-align:left;margin:1vh 8vw}#legals h1{margin-top:8vh;text-transform:uppercase;font-size:3em}#legals h2{font-size:2em}#legals p{font-size:1.1em}#legals strong{font-weight:500}.mb{margin-bottom:5vh}.text-center{text-align:center;font-size:1em;padding-top:.6vh}#contact-ctn{justify-content:space-between;height:100vh}#contact,#contact-ctn{display:flex;flex-direction:column}#contact{justify-content:center;align-items:center;text-align:left}#contact h1{font-size:3.2em;text-transform:uppercase}#contact h2{margin-top:8vh;margin-bottom:2vh;font-size:2.2em}#contact p{font-size:1.5em}@font-face{font-family:ClashDisplay;src:url(/fonts/ClashDisplay-Variable.42cbe77e.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Whyte Inktrap;src:url(/fonts/ABCWhyteInktrapVariable-Trial.0c9c5471.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Ranade;src:url(/fonts/Ranade-Variable.676d6fc9.ttf) format("truetype");font-weight:100 900}@font-face{font-family:Galderglynn\ 1884;src:url(/fonts/Galderglynn1884SqRg-Bold.d1ed8629.ttf) format("truetype");font-weight:400}body,html{color:#8cffff;font-family:ClashDisplay,sans-serif;font-weight:100;width:100%;margin:0;overflow-x:hidden;background:linear-gradient(180deg,#0e1841,#1b2963)}h1,h2{z-index:10}h1,h2,section{position:relative}section{z-index:1}#title1{font-weight:600;font-size:18vh;margin-top:0;padding-top:20vh}#title1,#title2{font-family:Whyte Inktrap,sans-serif}#title2{font-weight:520;font-size:14vh;padding-bottom:20vh}h3{font-size:5vw}h3,h4{font-weight:200}h4{font-size:2.8vw}p{font-size:1.9vw;margin:0}a{color:#ff0}a,a:hover{font-weight:250;text-decoration:none}a:hover{color:#fff}.bold{font-weight:600}.back-btn{background:linear-gradient(24deg,#293980,#1b2862);border-radius:12px;border:2px solid #8cffff;position:fixed;top:5px;left:5px;width:5.6vw;height:6vh;padding:5px;z-index:2}.back-btn img{height:100%}@media (max-width:768px){#title1{font-size:16vh}}@media (max-width:480px){h3{font-weight:250;font-size:10vw}#title1,h3{box-sizing:border-box}#title1{font-size:12vw;padding-top:10vh}#title2{margin:0;padding:0;box-sizing:border-box;font-size:8vw;padding-bottom:5vh}#sun-ctn{display:none}.back-btn{width:16vw}}