@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);.error-div{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-top:7rem;padding:1rem;width:100%}.error-div h1{text-align:center}.error-div button{font-size:1.25rem}.error-div button,.retry button{background-color:var(--bg-inv);border:none;border-radius:30px;color:var(--bg-pri);cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:scale .25s linear;width:-moz-fit-content;width:fit-content}.retry{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;width:100%}.retry h2{text-align:center}.retry button{font-size:1rem}.error-div button:active,.retry button:active{scale:.95}.loader{align-items:center;animation:fade-out 1s linear 1.5s forwards;background-color:var(--bg-pri);display:flex;flex-direction:column;gap:.25rem;height:100%;justify-content:center;position:fixed;width:100%;z-index:100}.loader p{animation:fade-out 1s linear .5s forwards;font-family:cursive;font-size:2.5rem;font-weight:600;letter-spacing:1.5px}.loading{animation:blink 2s linear infinite,fade-out 1s linear .5s forwards;background-color:currentColor;border-radius:50%;padding:.25rem}@keyframes blink{50%{filter:opacity(0)}}@keyframes fade-out{to{opacity:0}}.banner{height:calc(100% + 1px);pointer-events:none;position:relative;transform-style:preserve-3d;width:100svw;z-index:-1}#root[data-mode=light] .banner{--bg-color:#40bcff;--bg-sun-moon:#fff}#root[data-mode=dark] .banner{--bg-color:#392168;--bg-sun-moon:#feff50}.banner svg{position:absolute;width:100%;will-change:transform}.banner svg *{transition:fill .5s ease,stop-color .5s ease}.blend{mix-blend-mode:overlay}.bg-scene{background-color:var(--bg-color);height:100%;position:absolute;transition:background-color .5s ease;width:100%}.bg-scene svg{bottom:0}.layer-3{align-items:center;display:flex;flex-direction:column;pointer-events:all;position:absolute;top:calc(-100% + 18rem);transition:color .5s ease;width:100%}.layer-3 p{text-wrap:balance;font-size:.875rem;letter-spacing:1px;line-height:1.25rem;margin:1.25rem 0;opacity:.75;text-align:center;width:min(80svw,35rem)}.layer-3 .scroll-gif{border:2px solid;border-radius:30px;height:2.2rem;opacity:.7;position:relative;transition:border-color .5s ease;width:1.25rem;will-change:transform}.layer-3 .scroll-gif:after{animation:mouse 3s linear infinite;background-color:currentColor;border-radius:50%;content:"";height:.575rem;left:50%;position:absolute;top:60%;transform:translateX(-50%);width:.575rem}@keyframes mouse{25%{opacity:1;top:10%}50%{opacity:0;top:10%}75%{opacity:0;top:60%}to{opacity:1;top:60%}}.layer-1{transform:translateZ(-20px) scale(3)}.layer-2{bottom:-50%;transform:translate3d(0,-50%,-10px) scale(2)}.layer-3{transform:translate3d(0,100%,-20px) scale(3)}.layer-4{bottom:-50%;transform:translate3d(0,-50%,-10px) scale(2)}.layer-5{bottom:-25%;transform:translate3d(0,-25%,-5px) scale(1.5)}.layer-6{bottom:0}.sun-moon{aspect-ratio:1/1;background-color:var(--bg-sun-moon);border-radius:50%;bottom:calc(100% - max(1.75rem, 4svw));cursor:pointer;left:50%;pointer-events:all;position:absolute;transform:translateX(-50%);transition:background-color .5s ease;width:14.75svw}.sun-moon.change{animation:sunset 2s ease-in-out;bottom:calc(175% - max(4.375rem, 10svw));pointer-events:none;transform:translate3d(-50%,-75%,-15px) scale(2.5)}@keyframes sunset{50%{bottom:calc(-75% + 25svw)}}.popup{background-color:#00000080;border-radius:15px;border-top-right-radius:0;color:#fffc;font-size:.9rem;padding:.5rem 1rem;pointer-events:none;position:absolute;right:calc(50% + 7.375svw + 1rem);top:.25rem;width:9rem}.popup:after{border-right:1rem solid #0000;border-top:1rem solid #00000080;content:"";position:absolute;right:calc(-1rem + 1px);top:0}.projects-container{align-items:center;display:flex;flex-direction:column;padding:3rem 1rem;position:relative;transition:background-image .5s ease}#root[data-mode=light] .projects-container{--bg-card:#edd3c0;--txt-blur:15px;--cover-bg:#a96739}#root[data-mode=dark] .projects-container{--bg-card:#22225d;--txt-blur:30px;--cover-bg:#1d1d4f}.projects-container:after{background-color:var(--cover-bg);content:"";height:2px;position:absolute;top:-1px;width:100%}.projects-container h1{margin:2.5rem 0;text-align:center}.projects-wrapper{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;overflow-y:hidden;width:100%}.projects-wrapper.less{height:44rem}.project-card{background-color:var(--bg-card);border-radius:10px;display:flex;flex-direction:column;gap:.5rem;height:21rem;padding:.75rem;width:min(21.5rem,100%)}.image-div{position:relative}.project-img{border-radius:15px;transition:filter .25s linear,transform .25s linear;width:100%}.image-div:hover .project-img{filter:blur(2.5px)}.logo{align-items:center;background-color:var(--bg-card);border-radius:10px;color:currentColor;cursor:pointer;display:flex;font-size:2rem;height:3.25rem;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .25s linear,background-color .25s linear,transform .25s linear;width:3.25rem}.logo:hover{background-color:color-mix(in lab,var(--bg-card),currentColor 15%)}.logo:active{transform:translate(-50%,-50%) scale(.95)}.image-div:hover .logo{opacity:1}.github{background-image:linear-gradient(90deg,#434343,#000);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;padding:.25rem;position:absolute;right:5%;top:5%;transition:transform .25s linear}.github:hover{transform:scale(1.1)}.github:active{transform:scale(.95)}.project-card h2:has(svg){align-items:center;display:flex;gap:1rem;justify-content:space-between}.project-card h2 svg{color:crimson}.project-card p{--difference:25%;color:var(--txt-sec);font-size:.9rem}.tags{display:flex;gap:.5rem}.tags span{color:color-mix(in lab,var(--tag-color),currentColor 20%);font-size:.8rem;font-weight:500;text-shadow:0 0 var(--txt-blur) var(--bg-pri)}.more-btn{align-items:center;background-color:var(--bg-card);border:none;border-radius:20px;color:inherit;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;margin-top:2rem;outline:none;padding:.5rem 0;transition:background-color .25s linear,transform .25s linear;width:min(21.5rem,100%)}.more-btn:hover{background-color:color-mix(in lab,var(--bg-card),currentColor 15%)}.more-btn:active{transform:scale(.95)}@media (pointer:coarse){.image-div:hover .project-img{filter:blur(0)}.project-img:active{transform:scale(.95)}.logo{border-radius:50%;font-size:1.4rem;height:2.15rem;left:5%;opacity:1;top:5%;transform:translate(0);width:2.15rem}.logo:hover,.more-btn:hover{background-color:var(--bg-card)}.logo:active,.more-btn:active{background-color:color-mix(in lab,var(--bg-card),currentColor 15%);transform:translate(0) scale(.95)}.github:hover{transform:scale(1)}.github:active{transform:scale(.95)}}.skills-container{padding:3rem 1rem}.skills-container h1{margin:2.5rem 0;text-align:center}.skills-wrapper{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.skill-div{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:start}.skill-icon{height:7rem;width:7rem}.ball{cursor:grab}.ball:active{cursor:grabbing}.skill-div p{text-align:center;-webkit-user-select:none;user-select:none}.low-spec{border-radius:50%;height:80%;margin:10% auto 0;padding:1rem;width:80%}.low-spec img{width:100%}.low-spec~p{margin-top:1.25rem}@media screen and (max-width:500px){.skill-icon{height:6rem;width:6rem}@media (pointer:coarse){.skills-wrapper{position:relative}.skills-wrapper:after,.skills-wrapper:before{content:"";height:100%;position:absolute;top:0;width:3rem;z-index:1}.skills-wrapper:before{left:-1rem}.skills-wrapper:after{right:-1rem}}}.qualifications-container{padding:3rem 1rem;width:100%}.qualifications-container h1{margin:2.5rem 0;text-align:center}.timeline{--difference:10%;margin:0 auto;max-width:1200px;position:relative}.timeline:after{background-color:var(--txt-sec);content:"";height:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:5px}.timeline.show:after{animation:moveline var(--time) linear forwards}@keyframes moveline{to{height:100%}}.container{left:0;padding:.6rem 3.25rem;position:relative;transform:translateY(-30px);width:50%}.container.visible{animation:movedown 1s linear forwards}@keyframes movedown{to{transform:translateY(0)}}.right-container{left:50%}.middle-circle{background-color:var(--txt-sec);border-radius:50%;height:2rem;position:absolute;right:-1rem;top:2rem;width:2rem;z-index:10}.right-container .middle-circle{left:-1rem}.textbox{background-color:var(--bg-sec);border-radius:10px;opacity:0;padding:1.25rem 2rem;position:relative}.container.visible .textbox{animation:appear .5s linear forwards}@keyframes appear{to{opacity:1}}.textbox .institute{font-size:1.13rem;font-weight:450;margin-bottom:.5rem}.textbox div{align-items:center;color:var(--txt-sec);display:flex;font-weight:400;gap:1rem;justify-content:space-between}.textbox .time-place{margin-bottom:.5rem}.textbox .score{white-space:nowrap}.left-arrow{border-left:1rem solid var(--bg-sec);right:calc(-1rem + 1px)}.left-arrow,.right-arrow{border-bottom:1rem solid #0000;border-top:1rem solid #0000;position:absolute;top:1.4rem}.right-arrow{border-right:1rem solid var(--bg-sec);left:calc(-1rem + 1px)}@media screen and (max-width:850px){.timeline{align-items:center;display:flex;flex-direction:column}.timeline:after{left:calc(50% - min(15.5rem, 47.5svw) + 1rem)}.container{padding-left:5rem;padding-right:0;width:min(31rem,95svw)}.right-container{left:0}.middle-circle{left:0!important}.left-arrow,.right-arrow{border-left:none;border-right:1rem solid var(--bg-sec);left:calc(-1rem + 1px);right:auto}}@media screen and (max-width:400px){.container{padding-left:3.5rem;padding-right:.5rem}.textbox{padding:1.25rem}}@media screen and (max-width:375px){.textbox .score{text-align:end;white-space:normal}}.contact-container{margin-top:-1px;padding:3rem 1rem;position:relative;width:100%;z-index:1}.contact-container h1{text-align:center}.contact-wrapper{align-items:center;display:flex;gap:1rem;justify-content:space-evenly;padding:2.5rem 1rem;width:100%}.contact-card{align-items:start;background-color:rgb(from var(--bg-sec) r g b/75%);border-radius:20px;display:flex;flex-direction:column;gap:1.65rem;justify-content:center;padding:2.5rem 2rem;width:min(30rem,calc(100svw - 2.5rem))}.contact-card h1{font-size:clamp(1.8rem,10svw - 10px,2rem);text-align:start}.contact-card a{color:inherit}.socials{gap:1.25rem}.socials,.socials a{align-items:center;display:flex;justify-content:center}.socials a{background-color:var(--bg-inv);border-radius:15px;color:var(--bg-pri);font-size:1.75rem;height:2.5rem;transition:background-color .25s linear,transform .25s linear;width:2.5rem}.socials a:hover{background-color:color-mix(in lab,var(--bg-inv),currentColor 20%);transform:scale(1.05)}.socials a:active{transform:scale(.95)}.contact-info{align-items:center;display:flex;gap:1rem;justify-content:center}.email{text-decoration-color:#0000;text-decoration-line:underline;transition:text-decoration-color .25s linear}.email:hover{text-decoration-color:inherit}.contact-card .resume{background-color:var(--bg-inv);border:none;border-radius:30px;color:var(--bg-pri);cursor:pointer;font-size:1rem;font-weight:600;outline:none;padding:.75rem 0;transition:background-color .25s linear,transform .25s linear;-webkit-user-select:none;user-select:none;width:100%}.contact-card .resume:hover{background-color:color-mix(in lab,var(--bg-inv),currentColor 20%)}.contact-card .resume:active{transform:scale(.95)}.contact-card .download-div{border:2px solid var(--bg-inv);border-radius:30px;color:var(--bg-inv);font-size:1rem;font-weight:600;overflow:hidden;padding:calc(.75rem - 2px) 0;position:relative;text-align:center;width:100%}.contact-card .progress-div{background-color:var(--bg-inv);height:100%;left:calc(var(--progress)*1% - 100%);overflow:hidden;position:absolute;top:0;transition:left .5s linear;width:100%}.contact-card .progress-div:before{color:var(--bg-pri);content:counter(download) "%";counter-reset:download var(--progress);font-size:1rem;font-weight:600;left:calc(150% - var(--progress)*1%);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:left .5s linear}.contact-card .resume-link{display:none}.earth{cursor:grab;height:min(30rem,calc(100svw - 2rem));width:min(30rem,calc(100svw - 2rem))}.earth:active{cursor:grabbing}.earth.fade{animation:fadeEarth 5s ease forwards}@keyframes fadeEarth{0%{opacity:0}to{opacity:1}}.earth canvas,.earth>div{touch-action:pan-y!important}@media (pointer:coarse){.contact-card .resume:hover,.socials a:hover{background-color:var(--bg-inv);transform:scale(1)}.contact-card .resume:active,.socials a:active{background-color:color-mix(in lab,var(--bg-inv),currentColor 20%);transform:scale(.95)}.email:hover{text-decoration-color:#0000}.email:active{text-decoration-color:inherit}}@media screen and (max-width:900px){.contact-wrapper{flex-direction:column-reverse;justify-content:center}}@media screen and (max-width:500px){.earth{padding:1rem}}@media screen and (max-width:425px){.contact-card{gap:1.5rem;padding:1.5rem}}@supports not (text-decoration-color:transparent){.email{text-decoration-line:none}.email:hover{text-decoration-line:underline}@media (pointer:coarse){.email:hover{text-decoration-line:none}.email:active{text-decoration-line:underline}}}.star{inset:0;opacity:0;position:absolute;width:100%}.star.fade{animation:fadeStars 2.5s ease forwards}@keyframes fadeStars{to{opacity:1}}#root .gradient-background-div{position:relative}#root[data-mode=light] .gradient-background-div{background-image:linear-gradient(#a96739,#9e9e9e,#cfcfcf,#fff)}#root[data-mode=dark] .gradient-background-div{background-image:linear-gradient(#1d1d4f,#242424,#121212,#000)}.star-contact-wrapper{background-color:var(--bg-pri);position:relative}html{color-scheme:light dark}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{scrollbar-width:none}:root{--difference:20%;--txt-sec:color-mix(in lab,currentColor,var(--bg-pri) var(--difference));font-size:clamp(14px,11px + .3333svw,16px)}:root:has(#root[data-mode=light]){--bg-pri:#fff;--bg-sec:#cfcfcf;--bg-inv:#000;color-scheme:light}:root:has(#root[data-mode=dark]){--bg-pri:#000;--bg-sec:#252525;--bg-inv:#fff;color-scheme:dark}:root:has(#root[data-mode=light]) ::selection{background-color:#000;color:#fff}:root:has(#root[data-mode=dark]) ::selection{background-color:#fff;color:#000}#root{height:100svh;overflow-x:hidden;overflow-y:scroll;perspective:10px}#root.no-scroll{overflow:hidden}
/*# sourceMappingURL=main.277b3570.css.map*/