#root{max-width:1280px;margin:0 auto;padding:0;text-align:center;--black0: #454545;--black1: #242424;--black2: #181818;--blue0: #2abefe}*{margin:0;padding:0}*:before,*:after{position:absolute;content:""}.text__dwarf{font-size:.35em;color:#ffffff03}header{position:fixed;height:50px;top:0;gap:15px;display:flex;right:0;align-items:center;justify-content:center;margin-right:25px;font-weight:700;font-size:1.2rem;overflow-wrap:break-word;outline:none;text-decoration:none}header a{color:#fff!important}section{height:100vh;display:flex;flex-direction:column;justify-content:center;opacity:0}section .fixed__div{text-align:left;width:60vw;display:flex;flex-direction:column;position:fixed;gap:10px;top:50%;left:50%;transform:translate(-50%,-50%)}.capitalize{text-transform:capitalize}.home{padding-left:1rem;padding-right:2rem;text-align:left;font-size:2rem;font-weight:700}.about{line-height:1.5rem}.about .title{font-size:1.5rem;text-decoration:underline}.contact>.fixed__div{display:flex;gap:25px}.contact>.fixed__div .text__email{cursor:pointer!important;width:fit-content}.contact>.fixed__div .socials__container{margin-top:15px;display:flex;gap:10px}.contact>.fixed__div .socials__container div{position:relative;display:flex;height:50x;width:50px}.contact>.fixed__div .socials__container div div>*{background-color:red;transform:scale(1.5)}.contact>.fixed__div .socials__container div a{position:absolute;width:100%;height:100%;left:0;top:0}.project .fixed__div{row-gap:25px}.stack__list{display:flex;height:50px;align-items:center;object-fit:contain;gap:5px}.svg__test{width:25px;height:25px}.svgcont_test{display:grid;height:30px;width:30px}.projector{border-bottom:none;border-right:none;position:relative;height:50vh;display:flex;place-items:center;padding:15px;-webkit-user-select:none;user-select:none;gap:25px}.projector:before,.projector:after{position:absolute;z-index:5;pointer-events:none;width:30%;height:95%;background:linear-gradient(to right,transparent,var(--black2) 90%)}.projector:after{opacity:1;right:-5px}.projector:before{opacity:0;left:-5px;background:linear-gradient(to left,transparent,var(--black2) 90%)}.projector .dragging{background-color:red;-webkit-user-select:none;user-select:none;scroll-behavior:auto}.projector .scroll__btn__container{position:absolute;height:50px;width:50px;bottom:-25px;display:flex;z-index:2;align-items:center;cursor:pointer;left:-50px}.projector .scroll__btn__container:last-child{left:unset;right:-50px!important}.projector .right__btn,.projector .left__btn{--rotateUpLeft: -45deg;--rotateDownLeft: 45deg;--rotateUpRight: -45deg;--rotateDownRight: 45deg;position:absolute;width:50px;height:2px;border:none;background-color:#fff}.projector .right__btn:after,.projector .right__btn:before,.projector .left__btn:after,.projector .left__btn:before{width:15px;height:2px;background-color:#fff;top:0;right:0;transform:rotate(calc(0deg - var(--rotateUpRight)));transform-origin:bottom right}.projector .right__btn:after,.projector .left__btn:after{transform-origin:top right;transform:rotate(calc(0deg - var(--rotateDownRight)))}.projector .left__btn{right:0;width:0px}.projector .left__btn:after,.projector .left__btn:before{left:1px;top:.5px;transform-origin:top left;transform:rotate(calc(45deg - var(--rotateUpLeft)))}.projector .left__btn:after{top:-1px;transform-origin:bottom left;transform:rotate(calc(-45deg - var(--rotateDownLeft)))}.projector .container_a{overflow:auto;height:100%;width:100%;display:flex;gap:25px;color:var(--black2);position:relative;padding-top:15px;padding-bottom:15px;background-color:var(--black2);scroll-behavior:auto}.projector .container_a::-webkit-scrollbar{height:2px;background-color:gray}.projector .container_a::-webkit-scrollbar-thumb{background-color:var(--blue0)}.projector .container_a .image__container{height:100%;background-color:gray;object-fit:contain;position:absolute}.projector .container_a .image__container img{object-fit:cover;height:100%;width:100%}.projector .container_a .description__container{z-index:2;background-color:#fff;padding:15px 10px 10px;display:flex;flex-direction:column;row-gap:10px;height:50%;margin-top:auto}.projector .container_a .description__container .bottom__design{position:absolute;bottom:0;left:0;width:100%;height:75px;z-index:-1}.projector .container_a .description__container .title{font-weight:700;font-size:1.2rem;overflow-wrap:break-word;outline:none;text-decoration:none;color:unset}.projector .container_a .description__container .original{pointer-events:none}.projector .container_a .description__container .hide{display:none}.projector .container_a .description__container p:last-of-type{margin-top:auto!important}.projector .container_a .project__container{position:relative;background:white;min-width:15rem;display:flex;flex-direction:column}nav{z-index:2;position:fixed;right:3rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column}nav ul{height:100%;display:flex;flex-direction:column}nav ul li{display:flex;height:100px;width:100%;align-items:center;text-align:right;position:relative;cursor:pointer}nav ul li p{color:#0ff;text-align:right;width:100%;padding-right:9px;text-transform:capitalize;font-size:14px}nav ul li .title{color:transparent}nav ul li .last{position:absolute;top:48px;right:-2px;height:5px;width:5px;border-radius:50%;background-color:#fff}nav ul li .not-last{position:absolute;top:49px;right:0;width:1px;height:100%;background-color:#4d4d4d;cursor:pointer}nav ul li .not-last:before{left:50%;transform:translate(-50%);min-width:5px;min-height:5px;height:5px;width:5px;box-shadow:0 30px #4d4d4d,0 65px #4d4d4d;border-radius:50%;background-color:#fff}nav ul li .number{position:absolute;right:-2rem;font-family:monospace;color:#00ffff59}nav ul .active .title,nav ul .active .number{color:#0ff}.outer-mote{position:fixed;width:400px;height:400px;top:-250px;left:-250px;border-radius:50%;box-shadow:0 0 0 10px #daa52040,0 0 0 30px var(--black2),0 0 0 40px #daa52080;display:grid;place-items:center;animation:animObserver 100s linear infinite}.outer-mote:before{height:110%;transform:rotate(-45deg);width:50px;box-shadow:0 480px 0 50px var(--black2),90px -420px 0 0 var(--black2),-50px -410px 0 -20px var(--black2),-90px -410px 0 -20px var(--black2);background-color:var(--black2)}.eye{z-index:100;position:fixed;height:35px;width:35px;left:-10px;top:-10px;border-radius:50%;border:1px solid white;box-shadow:0 0 3px #fff;display:grid;place-items:center;overflow:hidden;transform:rotate(90deg)}.eye:before{right:-7px;width:50%;height:50%;border-radius:50%;background-color:#fff;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 5px #000,inset 0 0 0 7px #fff,inset 0 0 0 10px var(--blue0)}.reset__rotation{transform:rotate(320deg)}@keyframes animObserver{to{transform:rotate(360deg)}}@media (max-width: 961px){.eye{display:none}nav{top:unset;transform:unset;bottom:5%;right:unset;left:50%;transform:translate(-50%)}nav ul{width:80vw;flex-direction:row;align-items:center;justify-content:center}nav ul li{width:15vw}nav ul li .title{text-align:center}nav ul li .number{width:fit-content;right:unset;bottom:0;left:50%;transform:translate(-50%)}nav ul li .not-last{top:70%;transform:translateY(-50%);right:unset;left:50%;width:100%;height:1px}nav ul li .not-last:before{left:0;box-shadow:unset}nav ul li .last{top:70%;transform:translateY(-50%);z-index:3;right:50%}section .fixed__div{width:85%}.contact .fixed__div{align-items:center}.contact .fixed__div .socials__container{justify-content:center}.projector{padding-left:0;padding-right:0}.scroll__btn__container{display:none!important}}:root{font-family:sans-serif;color-scheme:light dark;background-color:#181818;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;background-color:#181818}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}