html,body{height:100%;padding:0;margin:0}body{background:linear-gradient(#333,#000);text-align:center;vertical-align:middle;overflow:hidden}body a{position:relative;text-align:right;text-decoration:none;font-weight:400;font-size:1.5em;line-height:1.5em;margin:0;color:#b8956b;display:inline-block;text-shadow:0 -1px 0 rgba(255,230,204,.6),0 2px 3px #000}body a span{display:block}.clouds{opacity:.2;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%}.clouds-1,.clouds-3{position:absolute;top:0;left:0;width:300%;height:500px;background-repeat:repeat-x;background-size:auto 100%;display:flex;will-change:transform;transform:translateZ(0)}.clouds-1:after,.clouds-3:after{content:"";flex-shrink:0;width:100%;height:100%;background-size:auto 100%;background-repeat:no-repeat}.clouds-1{background-image:url(/protofolio-v2/clouds_2_2.webp)}.clouds-1:after{background-image:url(/protofolio-v2/clouds_2_2.webp)}.clouds-3{background-image:url(/protofolio-v2/clouds_3_1.webp)}.clouds-3:after{background-image:url(/protofolio-v2/clouds_3_1.webp)}@keyframes move-clouds{0%{transform:translate(0)}to{transform:translate(-66.66%)}}.clouds-1{animation:move-clouds 20s linear infinite}.clouds-3{animation:move-clouds 17s linear infinite}@media (prefers-reduced-motion: reduce){.clouds-1,.clouds-3{animation:none!important;transform:translate(0)!important}}@media (max-width: 768px){.clouds-1{animation-duration:30s}.clouds-3{animation-duration:27s}}@media (max-width: 480px){.clouds-1,.clouds-3{animation-duration:40s}}.contact-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem 0}.contact-title{font-size:2rem;margin-bottom:1rem;color:#fff;text-align:center}.icon-list{display:flex;gap:1rem}.icon-link{font-size:2rem;color:#ccc;transition:color .2s ease-in-out}.icon-link:hover{color:#fff}.scatter-container{display:flex;justify-content:center;align-items:center;width:100dvw;height:30dvh;margin:0 auto;text-align:center;overflow:hidden;cursor:default}.split-char{display:inline-block;will-change:transform,opacity}h1{font-family:Arial,sans-serif;font-size:2rem;color:#d2e1ff;margin:0;line-height:1.2;visibility:visible}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:Arial,sans-serif;background-image:linear-gradient(#1f2023,#424472);min-height:100%;min-width:100%}#app_canvas canvas:before{width:100dvw!important;height:100dvh!important}#app_canvas{position:fixed;top:0;left:0;width:100dvw;height:100dvh;z-index:0}#div_section{min-height:100dvh;min-width:100%}section{min-height:100dvh;min-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#f0f8ff;font-size:2rem;line-height:1.4;box-sizing:border-box}@media (max-width: 768px){section{font-size:1.2rem}}.projects-section,.technologies-section{text-align:center;color:#f0f8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;min-width:100%;box-sizing:border-box;overflow:hidden}.projects-section>*,.technologies-section>*{margin-bottom:1.5rem}@media (max-width: 768px){.projects-section,.technologies-section{font-size:1rem}}@media (max-width: 480px){.projects-section,.technologies-section{font-size:.9rem}}.projects-container{display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.projects-container{font-size:1rem}}@media (max-width: 480px){.projects-container{font-size:.9rem}}.hide-scrollbar::-webkit-scrollbar{display:none}.light{height:100%;width:100%;z-index:-1}.light:after,.light:before{content:"";display:block;position:absolute}.light:before{width:120%;height:120%;top:40%;left:-25%;background:radial-gradient(48.58% 48.58% at 49.96% 59.07%,#927cff,#8e85be66 43.23%,#3b3d4600)}.light:after{width:120%;height:100%;top:65%;left:25%;background:radial-gradient(48.58% 48.58% at 49.96% 59.07%,#fff38b,#b4ae7173 38.02%,#3b3d4600)}[class^=star],[class*=" star"]{animation-name:twinkle;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;will-change:opacity}.star1{animation-duration:3s;animation-delay:1s}.star2{animation-duration:4s;animation-delay:0s}.star3{animation-duration:3.5s;animation-delay:.5s}.star4{animation-duration:1.25s;animation-delay:1.5s}.star5{animation-duration:4.5s;animation-delay:2s}.star6{animation-duration:2.5s;animation-delay:1s}@keyframes twinkle{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){[class^=star],[class*=" star"]{animation:none!important;opacity:1!important}}