@font-face{font-family:icomoon;src:url(/_next/static/media/icomoon.74ecb1a3.eot);src:url(/_next/static/media/icomoon.74ecb1a3.eot#iefix) format("embedded-opentype"),url(/_next/static/media/icomoon.1b7f1df6.ttf) format("truetype"),url(/_next/static/media/icomoon.95f479fa.woff) format("woff"),url(/_next/static/media/icomoon.1ddd3343.svg#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-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-arrow-right:before{content:"\e90e"}.icon-arrow-down-double:before{content:"\e900"}.icon-arrow-top-right:before{content:"\e901"}.icon-book:before{content:"\e902"}.icon-copy:before{content:"\e903"}.icon-github:before{content:"\e904"}.icon-home:before{content:"\e905"}.icon-instagram:before{content:"\e906"}.icon-laptop:before{content:"\e907"}.icon-library:before{content:"\e908"}.icon-linkedin:before{content:"\e909"}.icon-message:before{content:"\e90a"}.icon-phone:before{content:"\e90b"}.icon-rocket:before{content:"\e90c"}.icon-whatsapp:before{content:"\e90d"}@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none;color:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.text-heading-1,h1{font-size:40px;line-height:48px}.text-heading-1,.text-heading-2,h1,h2{font-family:Roboto Mono,monospace;font-style:normal;font-weight:600;color:#fcfefd}.text-heading-2,h2{font-size:32px;line-height:40px}.text-heading-3,h3{font-size:24px;line-height:32px}.text-heading-3,.text-heading-4,h3,h4{font-family:Roboto Mono,monospace;font-style:normal;font-weight:600;color:#fcfefd}.text-heading-4,h4{font-size:20px;line-height:28px}.text-heading-5,h5{font-family:Roboto Mono,monospace;font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#fcfefd}.text-body,p{font-size:14px;line-height:22px}.text-body,.text-small,p,small{font-family:Roboto Mono,monospace;font-style:normal;font-weight:400;color:#fcfefd}.text-small,small{font-size:12px;line-height:20px}.text-primary-green{color:#426872!important}.text-secondary-green{color:#a5c9ca!important}.text-light-green{color:#e7f6f2!important}.header-logo{position:absolute;top:0;left:0}@media screen and (max-width:768px){.header-logo{position:relative;top:unset;transform:unset;margin-bottom:20px}}.nav{width:500px;border:1px solid #426872;background-color:rgba(24,28,28,.514);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50px;padding:12px}@media screen and (max-width:576px){.nav{width:-moz-fit-content;width:fit-content}}.nav .menu-selected{z-index:-1;content:"";height:36px;background-color:#426872;border-radius:30px;transition:all .3s ease-in-out;top:50%;transform:translateY(-50%)}.nav .nav-menu{padding-left:12px;gap:18px}.nav .nav-menu .menu-item{cursor:pointer;padding:6px 0;position:relative}.nav .nav-menu .menu-item:before{transition:all .3s ease-in-out;content:"";height:100%;width:calc(100% + 24px);position:absolute;z-index:-2;background-color:transparent;border-radius:30px;top:50%;left:50%;transform:translate(-50%,-50%)}.nav .nav-menu .menu-item:hover:before{background-color:#426872}.nav .nav-menu .menu-item .menu-icon{color:#a5c9ca}.nav .nav-menu .menu-item .menu-label{width:0;display:none;transition:all .3s ease-in-out}.nav .nav-menu .menu-item.active .menu-label{display:block;width:-moz-fit-content;width:fit-content}@media screen and (max-width:576px){.nav .nav-menu .menu-item.active .menu-label{display:none}}.nav .nav-contact{cursor:pointer;position:relative;padding:7px 0;margin-right:18px;margin-left:36px}.nav .nav-contact:before{transition:all .3s ease-in-out;position:absolute;z-index:-2;width:calc(100% + 36px);height:100%;content:"";top:50%;left:50%;transform:translate(-50%,-50%);background-color:#2c3333;border-radius:30px}.nav .nav-contact:hover:before{background-color:#426872}.gradient-card{width:100%;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(180deg,#426872 60%,rgba(66,104,114,.196));transition:all .3s ease-in-out}.gradient-card.card-square{aspect-ratio:1/1}.gradient-card .gradient-card-content{position:absolute;height:calc(100% - 2px);top:1px;left:1px;right:1px;bottom:1px;border-radius:16px;background-color:#181c1c;z-index:0}.gradient-card:hover{background-color:#426872}.project-card{width:100%;height:100%;overflow:hidden;border-radius:16px;transition:all .3s ease-in-out}.project-card.card-vertical{background:linear-gradient(180deg,#426872 60%,rgba(66,104,114,.196))}.project-card.card-horizontal{background:linear-gradient(90deg,#426872 60%,rgba(66,104,114,.196))}.project-card.card-box{background-color:#181c1c}.project-card:hover{background-color:#426872}.project-card .project-card-content{position:absolute;overflow:hidden;height:calc(100% - 2px);top:1px;left:1px;right:1px;bottom:1px;border-radius:16px;background-color:#181c1c;z-index:0}.input{background-color:#181c1c;border:1px solid #426872;padding:12px 16px;border-radius:16px;font-family:Roboto Mono,monospace;font-size:12px;font-style:normal;font-weight:400;line-height:20px;color:#e7f6f2}.input::placeholder{color:#426872}.input:focus{outline:1px solid #a5c9ca}.input:disabled{color:#a5c9ca;border-color:#2c3333}.btn{padding:12px 16px;border-radius:16px}.btn.btn-primary{color:#e7f6f2;background-color:#426872;border:1px solid #426872}.btn.btn-primary,.btn.btn-primary:focus,.btn.btn-primary:hover{font-family:Roboto Mono,monospace;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.btn.btn-primary:focus,.btn.btn-primary:hover{color:#181c1c;background-color:#a5c9ca}.btn.btn-secondary{color:#a5c9ca;background-color:#2c3333;border:1px solid #426872}.btn.btn-secondary,.btn.btn-secondary:focus,.btn.btn-secondary:hover{font-family:Roboto Mono,monospace;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.btn.btn-secondary:focus,.btn.btn-secondary:hover{color:#181c1c;background-color:#a5c9ca}.btn.btn-arrow{color:#e7f6f2;background-color:transparent;width:28px;height:28px;padding:0;border-radius:50%;overflow:hidden}.btn.btn-arrow .arrow-bg{content:"";background-color:#426872;position:absolute;width:100%;top:0;left:0;right:0;bottom:0;aspect-ratio:1/1}.notification{top:0;right:0;width:330px;min-height:70px;border:1px solid #426872;background-color:rgba(24,28,28,.514);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:16px}.notification .notification-profile{border-radius:60px}.layout{padding-top:100px;padding-bottom:70px}@media screen and (max-width:768px){.layout{padding-top:0;padding-bottom:0}}.layout .layout-header{top:0;bottom:unset}@media screen and (max-width:768px){.layout .layout-header{top:unset;bottom:0}}.layout .layout-content{padding:0}@media screen and (max-width:768px){.layout .layout-content{padding-bottom:100px}}section.text-layout{min-height:calc(100vh - 100px - 100px)}@media screen and (max-width:768px){section.text-layout{min-height:calc(100vh - 92px - 100px)}}section.text-layout .container{max-width:750px}@media screen and (max-width:768px){section.text-layout .container{padding:0 24px}}section.grid-layout{min-height:calc(100vh - 100px - 70px)}@media screen and (max-width:768px){section.grid-layout{min-height:-moz-fit-content;min-height:fit-content}}section.grid-layout .container .grid-content-layout{width:1104px}@media screen and (max-width:1200px){section.grid-layout .container .grid-content-layout{width:834px}}@media screen and (max-width:992px){section.grid-layout .container .grid-content-layout{width:564px}}@media screen and (max-width:768px){section.grid-layout .container .grid-content-layout{width:100%}}section.home .home-content{min-height:140px}@media screen and (max-width:576px){section.home .home-content{min-height:245px}}.project .container{width:1104px}@media screen and (max-width:1200px){.project .container{width:834px}}@media screen and (max-width:992px){.project .container{width:564px}}@media screen and (max-width:576px){.project .container{width:375px}}@media screen and (max-width:480px){.project .container{width:375px;margin:0}}.project .react-grid-item.react-grid-placeholder.cssTransforms{background-color:#426872;border-radius:16px}.project .project-card .project-card-content{overflow:hidden}.project .project-card .project-card-content .project-techstack{background-color:#2c3333;padding:6px 17px;border-radius:24px}.project .project-card.card-horizontal .project-image{top:0;left:45%;z-index:-1;width:485;height:auto}.project .project-card.card-horizontal .project-image img{width:450px;height:auto;border-radius:24px;transform:rotate(-20deg) translateY(-24px) translateX(40px)}.project .project-card.card-horizontal .project-image:after{position:absolute;content:"";top:0;right:0;left:0;bottom:0;border-radius:16px;background:linear-gradient(90deg,transparent .35%,rgba(9,12,16,.8) 99.66%)}.project .project-card.card-vertical .project-image{top:-60px;left:80px;z-index:-1;transform:rotate(-27.5deg);display:flex;gap:14px}.project .project-card.card-vertical .project-image img{width:180px;height:auto}.project .project-card.card-box .project-card-content{padding:0}section.experience .experience-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:calc(100vh - 100px)}section.experience .experience-section:first-of-type{scroll-margin-top:156px}section.experience .experience-section:nth-of-type(2){scroll-margin-bottom:72px}@media screen and (max-width:768px){section.experience .experience-section{min-height:-moz-fit-content;min-height:fit-content}section.experience .experience-section:first-of-type{padding-top:unset;padding-bottom:50px}section.experience .experience-section:nth-of-type(2){padding-bottom:30px;scroll-margin-bottom:100px}}section.experience .experience-section .container{max-width:650px;height:100%}@media screen and (max-width:576px){section.experience .experience-section .container{max-width:350px}}section.experience .experience-section .container .experience-content{margin-top:28px;width:100%}@media screen and (max-width:576px){section.experience .experience-section .container .experience-content{width:-moz-fit-content;width:fit-content}}section.experience .experience-section .container .experience-content.works{height:548px}@media screen and (max-width:576px){section.experience .experience-section .container .experience-content.works{height:800px}}section.experience .experience-section .container .experience-content.organizations{height:476px}@media screen and (max-width:576px){section.experience .experience-section .container .experience-content.organizations{height:684px}}section.experience .experience-section .container .experience-arrow{margin:auto}@media screen and (max-width:576px){section.experience .experience-section .container .experience-arrow{margin-left:-14px}}section.experience .experience-section .vertical-line{content:"";width:1px;background-color:#426872;top:0;left:50%}@media screen and (max-width:576px){section.experience .experience-section .vertical-line{left:0}}section.experience .experience-section .dots-line{content:"";height:8px;width:8px;border-radius:8px;background-color:#426872;transform:translate(-50%,-50%);top:50%;left:50%}@media screen and (max-width:576px){section.experience .experience-section .dots-line{top:0;left:0;transform:translate(-50%,75%)}}section.experience .experience-section .arrow-down-line{background-color:#426872;height:28px;width:28px;border-radius:32px}section.contact .social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,267px));grid-template-rows:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px;justify-content:center;align-items:center}@media screen and (max-width:576px){section.contact .social-grid{gap:8px}}section.contact .contact-social{width:100%;height:100%;padding:32px;cursor:pointer}@media screen and (max-width:576px){section.contact .contact-social{padding:16px}}section.contact .contact-social .social-icon{width:-moz-fit-content;width:fit-content;aspect-ratio:1/1;padding:14px;border-radius:50%;border:1px solid #426872;position:relative;overflow:hidden}@media screen and (max-width:576px){section.contact .contact-social .social-icon{padding:12px}}section.contact .contact-social .social-icon svg{width:36px;height:36px}@media screen and (max-width:576px){section.contact .contact-social .social-icon svg{width:24px;height:24px}}section.contact .contact-social .social-icon:before{content:"";position:absolute;background-color:#426872;width:100%;aspect-ratio:1/1;top:100%;left:0;z-index:-1;transition:all .3s ease-in-out}section.contact .contact-social .social-name{position:relative;top:30px;transition:top .3s ease-in-out;font-family:Roboto Mono,monospace;font-size:20px;font-style:normal;font-weight:600;line-height:28px;color:#e7f6f2}@media screen and (max-width:576px){section.contact .contact-social .social-name{font-family:Roboto Mono,monospace;font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#e7f6f2}}section.contact .contact-social .social-detail{position:relative;right:150%;transition:right .3s ease-in-out}section.contact .contact-social .social-arrow{position:absolute;top:16px;right:16px;z-index:2}section.contact .contact-social .social-arrow-bg{position:absolute;top:-1px;right:-1px;width:0;height:0;z-index:0;transition:all .3s ease-in-out}section.contact .contact-social:hover .social-arrow-bg{transition:all .3s ease-in-out;width:72px;height:72px}section.contact .contact-social:hover .social-icon:before,section.contact .contact-social:hover .social-name{top:0}section.contact .contact-social:hover .social-detail{right:0}section.contact .form-card{max-width:560px;height:100%;min-height:480px}@media screen and (max-width:768px){section.contact .form-card{min-height:550px}}section.contact .form-card .contact-form{padding:32px 40px}@media screen and (max-width:576px){section.contact .form-card .contact-form{padding:32px 24px}}section.braille .braille-intro{min-height:135px}section.braille .braille-games{max-width:750px}section.braille .braille-games .games-hint{max-width:530px;min-height:25px}@media screen and (max-width:576px){section.braille .braille-games .games-hint{min-height:45px}}.braille-letter{width:40px;background-color:#181c1c;display:grid;grid-template-columns:auto auto;grid-template-rows:16px 16px 16px;grid-gap:4px 8px;gap:4px 8px}.braille-letter .braille-dots{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.braille-letter .dots-item{width:9px;height:9px;border-radius:50%;background-color:#426872}.notfound .notfound-desc{min-height:45px}@media screen and (max-width:576px){.notfound .notfound-desc{min-height:90px}}*{font-family:Roboto Mono,monospace}html{scroll-snap-type:y mandatory}body{background-color:#181c1c!important}body,main{color:#e7f6f2}