@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,900&display=swap";@font-face{font-family:icomoon;src:url(/assets/icomoon-BCtKSnSF.eot?wp2rvv);src:url(/assets/icomoon-BCtKSnSF.eot?wp2rvv#iefix) format("embedded-opentype"),url(/assets/icomoon-BHFbidqK.ttf?wp2rvv) format("truetype"),url(/assets/icomoon-EaDR7oq9.woff?wp2rvv) format("woff"),url(/assets/icomoon-B86j3Z_m.svg?wp2rvv#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-chevron-left1:before{content:""}.icon-miscellaneous_services:before{content:""}.icon-moon1:before{content:""}.icon-arrow-long-right:before{content:""}.icon-menu:before{content:""}.icon-chevron-left:before{content:""}.icon-chevron-right:before{content:""}.icon-envelope:before{content:""}.icon-link:before{content:""}.icon-half-moon:before{content:""}.icon-bootstrap:before{content:"";color:#563d7c}.icon-css3:before{content:"";color:#1572b6}.icon-github:before{content:""}.icon-gmail:before{content:"";color:#d14836}.icon-html5:before{content:"";color:#e34f26}.icon-java:before{content:"";color:#007396}.icon-javascript:before{content:"";color:#f7df1e}.icon-next-dot-js:before{content:""}.icon-postman:before{content:"";color:#ff6c37}.icon-react:before{content:"";color:#61dafb}.icon-sass:before{content:"";color:#c69}.icon-tailwindcss:before{content:"";color:#38b2ac}.icon-typescript:before{content:"";color:#007acc}.icon-whatsapp:before{content:"";color:#25d366}.icon-stopwatch:before{content:""}.icon-sun:before{content:""}.icon-moon:before{content:""}.icon-checkmark:before{content:""}.icon-arrow-up2:before{content:""}.icon-arrow-down2:before{content:""}.icon-facebook2:before{content:""}.icon-linkedin:before{content:""}header{padding:1rem 3rem;justify-content:space-between;position:fixed;z-index:3;width:100%;top:0}header ul.d-flex{gap:16px}header .container.d-flex{justify-content:space-between}header nav{background-color:var(--header);padding:.77rem 1.6rem;border-radius:50px;box-shadow:4px 2px 10px 0 var(--blue) inset,-4px -2px 5px 0 var(--orange) inset}header nav.popup-nav{box-shadow:unset}header nav ul li a{opacity:.9;font-size:.88rem;font-weight:700}header nav:not(.popup-nav) ul li a{color:var(--text)}header nav.popup-nav ul li a{color:#fff}header nav ul li a:hover{color:var(--blue);opacity:1;font-size:.9rem}header .menu{visibility:hidden}@media (max-width:992px){header .menu{visibility:visible}}header nav.hide+div{gap:1.5rem}header .download button{padding:1rem;background-color:var(--blue);border-radius:6px;font-weight:600;letter-spacing:.07rem;color:#fff;opacity:.8;transition:.6s;scale:.9;border:none;cursor:pointer}header button{font-size:1.2rem}header .download button:hover{opacity:1;scale:1}header .download button:active{scale:.9;transition:.2s;background-color:var()}@media (max-width:767px){header nav.hide+div{gap:.7rem}header .download button{padding:.7rem}}header .popup-nav{border-radius:unset;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#282830bf;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100vh;width:100vw;animation:showing .5s}header .popup-nav ul{width:80%;margin:5.5rem auto;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;background-color:#0000007a;border-radius:14px;text-transform:capitalize;font-weight:500;font-size:20px;letter-spacing:.05rem;animation:showing .5s;position:relative}header .popup-nav span:hover{color:#ff6363;scale:1.1;opacity:1}@keyframes showing{0%{scale:0;opacity:0}60%{scale:1.1}to{opacity:1;scale:1}}.hero{z-index:2;position:relative}.hero .container{gap:20px}.hero .details{flex-grow:1;flex-direction:column;gap:2rem;align-items:flex-start}.hero{padding-top:140px}.hero .details .image{position:relative}.hero .details img{border-radius:50%;height:100px;width:100px;box-shadow:0 0 7px var(--logo-border) inset;padding:6px;object-fit:cover;object-position:2px -6px;background-color:#000}.hero .details .verify{color:var(--logo-border);font-size:1.5rem;margin-left:-1.1rem;position:absolute;bottom:1%;right:1%}.hero h1{font-size:2.4rem;color:var(--title);transition:.6s}.hero p{color:var(--text);transition:.6s}.hero .social{gap:1.2rem}.hero .social a{color:var(--text);font-size:20px}.dark .hero .social a:hover{scale:1.2;color:#fff}.light .hero .social a:hover{scale:1.2;color:#2d2c2c}.hero .social a:active{scale:.9}@media (max-width: 992px){.hero .details{gap:1rem}}@media (max-width: 768px){.hero{padding-top:92px}.hero .details{align-items:center;text-align:center}}section#about{overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:5.6rem}section#about .container{perspective:1000px;position:relative}section#about .section-body{display:flex;justify-content:center;align-items:center;flex-direction:row-reverse;gap:4.2rem}section#about .section-body .img-container{position:relative;overflow:hidden;width:fit-content;border-radius:20px;z-index:1;padding:.6rem 0 0;flex-wrap:wrap;flex-basis:20%;display:flex;justify-content:center;align-items:center}section#about .section-body .img-container .bg-orange{width:97%;height:66%;box-shadow:inset 30px 30px var(--orange);position:absolute;top:-4px;left:0;z-index:-2;border-radius:20px}section#about .section-body .img-container .my-img{width:200px;height:100%;animation:changeBg 20s alternate infinite;position:relative}section#about .section-body .img-container:before{content:"Front-End Dev";top:1px;font-size:20px;left:50%;transform:translate(-50%);width:100%;text-align:center;position:absolute;font-weight:700;color:var(--primary);z-index:-1}section#about .section-body .img-container:after{content:"Full Stack";transform:rotate(90deg) translatey(-50%);left:-40px;font-size:20px;top:31%;color:var(--text);position:absolute;font-weight:700;color:var(--primary);z-index:-1}section#about .desc{font-size:clamp(1rem,2vw,1.2rem);color:var(--title);background-color:#828282b0;padding:1rem;border-radius:20px;line-height:var(--line-height);flex:1;line-height:2.2rem}section#about .slider{display:flex;justify-content:center;align-items:center;z-index:-1;width:500px;height:500px;position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-51%,-50%) rotate3d(2,1,0,52deg);animation:infinite linear sliderRotate 90s;opacity:.5}section#about .slider .icon-container{font-size:5rem;border-radius:25%;padding:1.2rem;position:absolute;overflow:hidden;transform:translate(-50%,-50%);top:-303px;right:-303px;bottom:-303px;left:-303px;text-align:center}section#about .slider .icon-container span{display:inline-block;transform:rotate(175deg);padding:.6rem;border-radius:10%}@keyframes sliderRotate{0%{transform:translate(-51%,-50%) rotate3d(2,1,0,49deg) rotate(0)}to{transform:translate(-51%,-50%) rotate3d(2,1,0,49deg) rotate(360deg)}}@keyframes sliderRotate-medium{0%{transform:translate(-35%,-50%) rotateY(49deg) rotate(0)}to{transform:translate(-35%,-50%) rotateY(49deg) rotate(360deg)}}@media (max-width:1290px){#about .section-body{flex-direction:column!important}#about .slider{animation:sliderRotate-medium infinite linear 90s!important}}@media (max-width:992px){#about .section-body{gap:2.2rem!important}}@media (max-width:767px){.icon-container{top:-200px!important;right:-200px!important;bottom:-200px!important;left:-200px!important}}section#academic .section-body{gap:1.8rem;align-items:flex-start}section#academic .section-body ul.taps .tap{display:flex;gap:.5rem}section#academic .section-body ul.taps .tap.active img{background-color:#fff}section#academic .section-body ul.taps .tap img{width:36px;height:28px;object-fit:contain;border-radius:15%}section#academic .section-body ul.taps .tap:hover img{background-color:#fff}section#academic .section-body .tap-details{flex-basis:90%!important;display:flex;line-height:var(--line-height);flex:1;flex-direction:column;gap:2.8rem;letter-spacing:.02rem;color:var(--text)}section#academic .section-body .tap-details h4{color:var(--orange);position:relative;margin-bottom:.8rem;font-size:clamp(1rem,2vw,1.3rem)}section#academic .section-body .tap-details h4:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background-color:orange;top:50%;left:0;transform:translate(-150%,-50%)}section#academic .section-body .tap-details .imgs-holder{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}section#academic .section-body .tap-details figure{cursor:pointer;transition:.6s;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:50%;gap:.2rem;box-shadow:inset 10px 11px 15px #fff,inset -10px -11px 15px #7c7c7c99;padding:1.5rem;overflow:hidden;animation:startFig 1s}section#academic .section-body .tap-details figure img{max-width:85%;height:180px;object-fit:contain;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.358))}section#academic .section-body .tap-details figure:hover{scale:1.08;filter:drop-shadow(2px 4px 10px rgba(0,0,0,.358));box-shadow:unset}section#academic .section-body .tap-details figure figcaption{text-align:center;color:var(--text)}section#academic .showFig{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;background-color:#0000004f}section#academic .showFig img{display:flex;justify-content:center;align-items:center;animation:.6s showFig forwards;object-fit:contain;width:100%;height:100%;position:relative}section#academic .showFig span:hover{opacity:1;scale:1.1;color:#ff4500}@keyframes showFig{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes startFig{0%{opacity:0;scale:.8;box-shadow:unset}40%{scale:1;box-shadow:unset}to{box-shadow:inset 10px 11px 15px #fff,inset -10px -11px 15px #7c7c7c99;opacity:1}}@media (max-width:767px){#academic .section-body{gap:.8rem!important}#academic .tap-details .imgs-holder{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))!important}#academic .tap-details .imgs-holder figure{padding:.6rem .6rem 1.5rem!important}#academic .tap-details .imgs-holder figure figcaption{font-size:.8rem}#academic .tap-details img{width:180px!important;height:150px!important}#academic .tap-details h4:before{display:none}}section#projects .section-body{gap:2rem;justify-content:space-between;align-items:flex-start}section#projects .right-section{flex:1;display:flex;flex-wrap:wrap;gap:2.6rem}section#projects .taps li a{display:flex;align-items:center;justify-content:space-between}section#projects .taps li{display:block}section#projects .taps li p{text-overflow:ellipsis;overflow:hidden;flex-basis:80%;color:var(--subtitle);transition:.5s,color .5s .1s}section#projects .taps li:hover p,section#projects .taps li.active p{color:#fff}section#projects .taps li span{font-size:clamp(.5rem,1vw,.8rem);background:#fff;width:clamp(10px,2vw,15px);height:clamp(10px,2vw,15px);border-radius:50%;display:flex;justify-content:center;align-items:center}section#projects .right-section .project{flex:1 100%;color:#fff;transition:.5s linear;box-shadow:1px 1px 10px 1px gray,inset 0 0 6px #2b2b2b;position:relative;animation:appear .9s;background:linear-gradient(#00000059 40%,var(--blue));display:flex;flex-direction:column;justify-content:space-between;border-radius:8px;overflow:hidden;border:4px solid var(--orange)}section#projects .right-section .project i{position:absolute;font-size:3rem;right:10%;bottom:7%;opacity:.7}section#projects .right-section .project:hover{transform:translateY(-4px);box-shadow:1px 1px 15px 5px gray}section#projects .project:hover:before,section#projects .project:hover:after{height:100%}section#projects .right-section .project .img-holder{width:100%;height:380px;position:relative}section#projects .right-section .project .img-holder .alt{font-size:3rem;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}section#projects .right-section .project .img-holder img,section#projects .right-section .project .img-holder video{width:inherit;height:inherit}section#projects .right-section .project article{padding:.9rem}section#projects .right-section .project article p{line-height:var(--line-height);position:relative;z-index:2;width:80%}section#projects .right-section .project header{font-weight:700;font-size:1.3rem}section#projects .right-section .project .footer :where(.links,h4){gap:.2rem;background-color:var(--orange);display:inline-flex;border-top-right-radius:6px;box-shadow:3px 4px 9px #2b2b2b}section#projects .right-section .project .footer h4{padding:.5rem}section#projects .right-section .project .footer span{border-radius:50%;font-size:1.3rem}section#projects .right-section .project .footer a{padding:.5rem}section#projects .right-section .project .footer a:hover{background-color:#ffffff89}section#projects .right-section .project .footer h4{color:#000}@media (max-width:992px){section#projects .right-section .project .img-holder{height:260px;object-fit:cover}}@media (max-width:768px){section#projects .container{gap:.7rem}section#projects .section-body{gap:.8rem}section#projects .right-section .project article p{width:90%;line-height:1rem}section#projects .right-section .project .img-holder{height:220px}section#projects .right-section .project .img-holder .alt{font-size:2.5rem}}@media (max-width:550px){section#projects .right-section .project{font-size:.7rem;border-width:2.6px}section#projects .right-section .project i{font-size:2rem}section#projects .right-section .project .footer a{padding:.2rem}section#projects .right-section .project .footer span{font-size:1rem}section#projects .right-section .project article{padding:.6rem}section#projects .right-section .project article h2{text-align:center;margin-bottom:.5rem}section#projects .right-section .project .img-holder{height:135px}section#projects .right-section .project .img-holder .alt{font-size:1.5rem}}@keyframes appear{0%{transform:scale(.7) rotate(0);opacity:0}30%{transform:scale(1) rotate(-1deg)}70%{transform:scale(1) rotate(1deg)}to{transform:scale(1) rotate(0);opacity:1}}#loadingParent{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:9;background-color:var(--primary);perspective:500px;animation:pageAnemi_disappear var(--loadTime) ease-in forwards}#loading{font-size:4rem;color:#fff;text-align:center;-webkit-text-stroke:#8c8c8c .5px;color:transparent;font-weight:700;text-transform:uppercase;font-family:system-ui,sans-serif;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(92deg,var(--blue) 0%,var(--blue) 30%,var(--orange) 70%,var(--orange) 100%);position:relative;overflow:hidden;width:fit-content;margin:auto}#loadingParent #loading{animation:wordLoading_increaseScale calc(var(--loadTime) - .15s) ease-in forwards}#loading:before{content:"";position:absolute;height:100%;width:400%;background:linear-gradient(90deg,transparent,var(--primary),transparent);left:-100%;transform:translate(-100%);animation:loader 2s infinite linear}@keyframes loader{to{left:100%;transform:translate(0)}}@keyframes pageAnemi_disappear{90%{opacity:1}95%{opacity:0}96%{display:none}to{display:none}}@keyframes wordLoading_increaseScale{90%{transform:translateZ(0)}to{transform:translateZ(400px)}}@media (max-width:767px){#loading{font-size:2.5rem}}.contact{position:relative}.contact,.contact .container{overflow:hidden}.contact .container>h3{text-align:center;color:var(--text)}.contact .container>h2{margin-bottom:1rem}.contact .tap{position:absolute;z-index:3;top:20%;left:0;gap:.4rem;background:linear-gradient(to bottom,#60cb667a,#c5221f80);border-top-right-radius:8px;border-bottom-right-radius:8px;align-items:stretch;overflow:hidden;transition:.8s cubic-bezier(.27,-.37,.9,1);transform:translate(-90%)}.contact .social{padding:.5rem 1rem;display:flex;flex-direction:column;gap:10px}.contact .social :where(.whatsapp,.gmail){justify-content:flex-start;gap:20px;width:fit-content;position:relative}.contact :where(.whatsapp,.gmail) span.icon{background-color:#ffffff8c;padding:.2rem;border-radius:50%;font-weight:900}.contact .tap .arrow{background-color:#4eb27c;border:none;padding:0 .5rem;box-shadow:-2px 0 20px 2px #616161;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;transition:.2s}.contact .tap .arrow:hover{color:#000;background-color:#46a472}.contact .tap .arrow span{animation:arrow-move 1.4s infinite alternate}.contact .tap.open{transform:translate(0)}.contact .content{justify-content:space-between;margin-top:2rem;gap:20px}.contact .content .left-section .mail{background-color:gray;padding:5rem 1rem;width:64%;border-radius:10% 10% 10px 10px;overflow:hidden;position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.4}.contact .left-section .mail:before{content:"";position:absolute;width:0%;height:100%;top:0;left:50%;transform:translate(-50%);border-top:60px solid white;border-right:210px solid transparent;border-left:210px solid transparent;z-index:-1}.contact .content .left-section{flex-basis:70%;position:relative}.contact .left-section form{position:relative;z-index:2;flex-direction:column;gap:1.5rem;align-items:flex-start}.contact .left-section form div{position:relative;padding:1rem;width:100%;padding:1rem 1rem .7rem;border-radius:6px}.contact .left-section form div label{position:absolute;padding:.3rem;transition:.6s;top:20%;opacity:.7;font-size:1rem;letter-spacing:.1rem;color:var(--text);cursor:pointer}.contact .left-section form div label.pressed{top:0;transform:translateY(-50%);background-color:var(--primary);opacity:1;font-size:.8rem}.contact .left-section form input,.contact textarea{background-color:transparent;color:var(--text);font-weight:400;width:100%;border:none;border-bottom:2px solid #25d358;font-size:1.2rem;text-transform:capitalize;letter-spacing:.1rem}form [type=email]{text-transform:none!important}.contact textarea{resize:none;min-height:100px;border:none;text-transform:none;line-height:2rem}.contact .left-section form input:focus,.contact textarea{outline:none}.contact span.response{color:var(--text);letter-spacing:.4px;font-size:1.3rem;transform:translate(-100%);display:inline-block;animation:response .5s forwards;margin-top:2rem}@media (max-width:992px){.contact .content{justify-content:center}}@keyframes arrow-move{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes response{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}footer{color:var(--text);padding:.6rem;text-align:center}footer p{font-size:18px}footer .special-orange{color:orange;text-transform:uppercase;text-shadow:0px 0px 2px orange,0px 0px 3px orange;letter-spacing:3px}footer span{display:block;opacity:.3;text-transform:capitalize}.particles-container{position:relative;width:100%;height:100%;position:fixed;z-index:-2}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.relative{position:relative}.container{width:100%}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}HTML{scroll-behavior:smooth;font-family:Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none;list-style:none}:root{--secondary:oklch(97% 0 0);--logo-border:#5eff7d;--tap-border-radius:6px;--line-height:1.48rem;--loadTime:3s;--font-size-title:clamp(2rem,9vw,6rem);--font-size-tap:clamp(.8rem,2vw,1.5rem);--padding-tap:clamp(.3rem,1.3vw,.8rem);--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}body{background-color:var(--primary);animation:forwards firstScreen_isFull var(--loadTime)}@keyframes firstScreen_isFull{0%{max-height:100vh;overflow:hidden}80%{overflow:hidden}to{max-height:initial}}.light{--header:#97a6e7;--primary:#d2d2d2;--secondary:#aeaab2;--title:black;--subtitle:#323232;--sky:url(/images/daylight.jpg);--blue:#005e9e;--orange:#c54e4e;--text:black}.dark{--header:#27272a;--primary:#212121;--secondary:black;--subtitle:#a1a1aa;--sky:url(/images/night.jpg);--blue:#5dbcfc;--orange:orange;--title:#eee;--text:#eee;--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}.light,.dark,.container,#openning{transition:all 1.1s}ul.taps{flex-direction:column;flex-basis:20%;align-items:flex-start;gap:2rem;display:flex;position:sticky;top:15%}ul.taps li:active{scale:.9}.btn-ui{padding:var(--padding-tap);background-color:var(--secondary);min-width:11.8rem;color:var(--subtitle);font-weight:700;font-size:var(--font-size-tap);text-transform:capitalize;cursor:pointer;opacity:.7;text-align:center;border-radius:6px;justify-content:center;align-items:center;transition:all .5s,color .5s .1s;display:flex}.btn-ui.active,.btn-ui:hover{color:#fff;border-right:3px solid var(--blue);border-left:3px solid var(--blue);letter-spacing:2px;opacity:1;background-color:#676767}.icon-btn{cursor:pointer;opacity:.7;background-color:var(--bg-header);color:var(--text);opacity:1;border:.4px solid #ff0;border-radius:50%;padding:3px;font-size:20px;transition:all .3s;scale:1.2}.icon-btn:active{scale:.9}.divider{border-top:2px solid #3f3f46}.d-flex{align-items:center;display:flex}img{width:100%;height:100%}.border{border:2px solid red}a{color:initial;transition:all .3s}.closeX{cursor:pointer;opacity:.9;z-index:1;background:#ff9797;border-radius:50%;padding:1rem 1.2rem;transition:all .3s;position:absolute;top:7%;right:7%}input:disabled{opacity:.4}.title{text-align:center;letter-spacing:20px;text-shadow:0px 3px 3px var(--blue);color:var(--primary);text-transform:uppercase;font-size:var(--font-size-title);margin-bottom:2.2rem}section{min-height:100vh;transition:all 1s}section:not(:first-of-type){opacity:0}section.animate{opacity:1}.container{color:#fff;width:80%;margin:0 auto;padding:3rem 0}#openning{background:var(--sky);background-repeat:no-repeat;background-size:100% 100%;position:relative}#openning:before{content:"";z-index:1;background:linear-gradient(to bottom,transparent 90%,var(--primary)100%);width:100%;height:100%;position:absolute;top:0;left:0}[class*=arrow-up]{color:green;cursor:pointer;z-index:99;background-color:#90ee90;border-radius:50%;padding:1rem;transition:all .3s;position:fixed;bottom:20px;right:20px}[class*=arrow-up]:hover{background-color:#74d774}[class*=arrow-up]:active{scale:.9}.parag{word-spacing:.1rem;letter-spacing:.06rem;line-height:2rem}a.bugs{color:#ff4500;z-index:99;position:fixed;bottom:9px;left:4px}a.bugs:hover{color:var(--text)}@media (max-width:992px){.hide{display:none}.btn-ui{min-width:10rem}}@media (max-width:768px){.container{width:95%;padding:2rem 0}[class*=arrow-up]{padding:.8rem;font-size:.8rem;bottom:66px}ul.taps{gap:1rem}.btn-ui{min-width:7.7rem}.btn-ui:where(.active,:hover){letter-spacing:unset!important}a.bugs{font-size:12px}}@media (max-width:550px){.btn-ui{min-width:5.7rem}}@layer base{*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}