html,root,body{background-color:#000;color:#2c2c2c;font-family:Roboto,sans-serif;margin:0;padding:0;overflow:hidden;width:100dvw;height:100dvh;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;--sb-track-color: #232e33;--sb-thumb-color: #e6b587;--sb-size: 10px}.scroll::-webkit-scrollbar{width:var(--sb-size)}.scroll::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:4px}.scroll::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:4px}@supports not selector(::-webkit-scrollbar){.scroll{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.titillium-web-extralight{font-family:Titillium Web,sans-serif;font-weight:200;font-style:normal}.titillium-web-light{font-family:Titillium Web,sans-serif;font-weight:300;font-style:normal}.titillium-web-regular{font-family:Titillium Web,sans-serif;font-weight:400;font-style:normal}.titillium-web-semibold{font-family:Titillium Web,sans-serif;font-weight:600;font-style:normal}.titillium-web-bold{font-family:Titillium Web,sans-serif;font-weight:700;font-style:normal}.titillium-web-black{font-family:Titillium Web,sans-serif;font-weight:900;font-style:normal}.titillium-web-extralight-italic{font-family:Titillium Web,sans-serif;font-weight:200;font-style:italic}.titillium-web-light-italic{font-family:Titillium Web,sans-serif;font-weight:300;font-style:italic}.titillium-web-regular-italic{font-family:Titillium Web,sans-serif;font-weight:400;font-style:italic}.titillium-web-semibold-italic{font-family:Titillium Web,sans-serif;font-weight:600;font-style:italic}.titillium-web-bold-italic{font-family:Titillium Web,sans-serif;font-weight:700;font-style:italic}.loader-container{position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center}.loader-hide{animation:fadeOut 1s;animation-iteration-count:1}.loader-show{animation:fadeIn 1s;animation-iteration-count:1}@keyframes fadeOut{0%{opacity:1}to{opacity:0;display:none}}@keyframes fadeIn{0%{opacity:0;display:block}to{opacity:1}}#sun{position:absolute;z-index:1;top:calc(20% - 20px);left:calc(60% - 20px);width:40px;height:40px;border-radius:50%;background-color:#fff;box-shadow:0 0 300px 300px #fff}@media (max-height: 780px){#sun{box-shadow:0 0 200px 200px #fff}}.img-cloud{position:absolute;transform:translate(-50%);z-index:1;animation:move-cloud 150s linear infinite;width:20%;height:50%;filter:blur(1.5rem);opacity:0}.img-initial-cloud{position:absolute;transform:translate(-50%);z-index:1;animation:move-initial-cloud 200s linear infinite;width:20%;height:50%;filter:blur(1.5rem);opacity:.5;scale:.2}@keyframes move-cloud{0%{opacity:0;left:-100%;scale:.2}10%{opacity:.1}to{opacity:.5;left:100%;scale:.8}}@keyframes move-initial-cloud{0%{opacity:.5;scale:.2}to{opacity:.5;left:100%;scale:.8}}.mirror-flip{transform:scaleX(-1)}#img-tower{z-index:3;position:absolute;width:480px}.grass{z-index:3;position:absolute;width:80px;height:20px}.grass-anim{animation:move-grass 3s alternate infinite}@keyframes move-grass{0%{transform:skew(-20deg,15deg)}15%{transform:skew(-15deg,10deg)}25%{transform:skew(-20deg,15deg)}}.tree-move{transform-origin:bottom center;animation:move-tree 5s alternate infinite}@keyframes move-tree{0%{transform:skew(0)}25%{transform:skew(1deg)}75%{transform:skew(.5deg)}}.tree-branch{animation:move-tree-branch 8s alternate infinite}@keyframes move-tree-branch{0%{transform:skew(0,5deg)}25%{transform:skew(-5deg)}75%{transform:skew(-2deg,3deg)}}.tree-branch-1{animation:move-tree-branch-1 10s alternate infinite}@keyframes move-tree-branch-1{0%{transform:skew(13deg)}25%{transform:skew(10deg)}75%{transform:skew(11deg)}}.scene-container{background:#87ceeb;background:linear-gradient(180deg,#c7b178,#3f95bb 35%,#91b6b7 60%,#000,#000);width:100vw;height:100vh;overflow:hidden;position:relative;display:flex}.scene{position:absolute;width:1920px;height:1080px;background-size:cover}.scene>*{z-index:3}.element{position:absolute;transform:translate(-50%,-50%);z-index:3}#click-start{display:none;position:absolute;bottom:40%;left:50%;transform:translate(-50%);z-index:9;font-size:20px;color:#ffb21c;border:1px solid #FFB21C;border-radius:25px;padding:10px 20px;cursor:pointer}#click-start:hover{filter:brightness(1.4)}.zoom{transform-origin:40% 40%;animation:zoom 1s linear forwards}@keyframes zoom{0%{transform:scale(1)}to{transform:scale(1.2)}}.scene2{position:absolute;width:1920px;height:1080px}.scene2>*{z-index:3;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.scene2 #text-container{position:absolute;top:10%;left:20%;margin:50px;width:35%;height:60%;overflow-y:auto;border:5px solid #5c4634;filter:drop-shadow(0 0 10px #000);padding:10px 10px 20px;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}@media (max-width: 768px){.scene2 #text-container{left:38%;transform:translate(-50%);width:18%;height:50%;top:42%;transform:translateY(-50%)}}.card{width:300px;height:400px;background-color:#fc6;border-radius:10px;filter:drop-shadow(0 0 6px #000);z-index:999;position:relative;top:20px;left:20px}.card-pin:before{content:"";position:absolute;top:-5px;left:45%;width:20px;height:20px;border-radius:50%;filter:drop-shadow(0 0 2px #000)}.card-pin-red:before{background-color:red}.card-pin-blue:before{background-color:#2459bd}.card-pin-green:before{background-color:#0f0}.card-pin-yellow:before{background-color:#ff0}.card-pin-purple:before{background-color:purple}.card>img{width:100%;height:45%;object-fit:cover;object-position:center;border-top-left-radius:10px;border-top-right-radius:10px}.card>div,.card>p{padding-left:10px;padding-right:10px;text-wrap:balance}.card-tech-container{display:flex;flex-direction:row;gap:5px;flex-wrap:wrap}.card-tech{font-size:12px;border:#000 solid 1px;border-radius:15px;padding:5px;text-wrap:nowrap}.card a{color:#000;text-decoration:underline}.faded{--f: 11%;-webkit-mask:radial-gradient(at 0 0,#000,#0000 70%) 100% 100%/var(--f) var(--f),linear-gradient(90deg,#000,#0000) 100% 0/var(--f) calc(100% - var(--f)),linear-gradient(180deg,#000,#0000) 0 100%/calc(100% - var(--f)) var(--f),linear-gradient(#000 0 0) 0 0/calc(100% - var(--f)) calc(100% - var(--f));-webkit-mask-repeat:no-repeat}.scene-container{background:#77989b;background:linear-gradient(180deg,#c7b178,#3f95bb 35%,#91b6b7 60%,#000,#000);width:100vw;height:100vh;overflow:hidden;position:relative;display:flex}.scene3{position:absolute;width:1920px;height:1080px}.scene3>*{z-index:3;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.title-container{display:flex;flex-direction:row;position:absolute;gap:10px;left:45%;top:37%}.title{z-index:4;font-size:50px;color:#2c2e43;text-wrap:wrap;text-shadow:3px 3px 3px rgba(0,0,0,1);-webkit-text-stroke:1px #fff}.subtitle{z-index:4;position:absolute;font-size:25px;color:#2c2e43;left:45.5%;top:43%}@media (max-width: 768px){.title-container{flex-direction:column;gap:0}.title{font-size:40px;left:45%;top:35%}.subtitle{top:49%}}#nav-container{position:absolute;bottom:-200px;left:calc(50% - 175px);z-index:8;width:100%;display:flex;flex-direction:row;gap:5px}.nav-container-appear{animation:nav-from-bottom 1s ease forwards}.nav-arrow{width:25vh;height:15vh;opacity:.9;display:flex}.nav-arrow:hover{cursor:pointer;filter:drop-shadow(0 0 5px #fff)}#arrow-right{transform:scaleX(-1)}@keyframes nav-from-bottom{0%{bottom:-100px}to{bottom:-15px}}.sign-title{z-index:9;font-size:30px;color:#16161f;-webkit-text-stroke:1.5px #2e2828}@media (max-width: 768px){.sign-title{font-size:25px}}.scene3 #text-container{display:flex;background-color:#2e282880;position:absolute;top:10%;left:20%;margin:50px;width:35%;height:60%;overflow-y:auto;filter:drop-shadow(0 0 10px #000);padding:10px 10px 20px;flex-direction:row;flex-wrap:wrap;gap:10px}@media (max-width: 768px){.scene3 #text-container{left:38%;transform:translate(-50%);width:18%;height:50%;top:42%;transform:translateY(-50%)}}#text-container>p{font-size:20px;color:#fff}#text-container h1{width:100%;font-size:35px;color:#fff;text-align:center;-webkit-text-stroke:2.5px #2e2828;margin-top:0;margin-bottom:0}.hobbie{background-color:#2e2828;padding:10px;border-radius:10px;width:100%;display:flex;flex-direction:column;gap:5px;align-items:center;filter:drop-shadow(0 0 5px #000);color:#fff;height:30vh}.hobbie img{width:100%;height:65%;border-radius:10px;object-fit:cover;object-position:center}.hobbie h3{font-size:25px;color:#fff;-webkit-text-stroke:1.5px #2e2828;margin-top:0;margin-bottom:0}@media screen and (max-width: 768px){.hobbie{width:95%}.hobbie h3{font-size:18px;text-align:center;padding-top:15px;line-height:15px}}.hobbie div{width:100%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}