@charset "UTF-8";.nav-bar{transition:all .5s cubic-bezier(.645,.045,.355,1);z-index:99;position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;height:100px;align-items:center;padding:0 50px;z-index:999;font-size:.85rem}.nav-bar.down{height:74px;transform:translateY(-100px)}.nav-bar.up{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px -10px #021820d9;height:74px;transform:translateY(0)}.nav-bar button{margin:4px}.nav-bar .logo{width:40px;opacity:0;transition:all .5s ease-in-out}.nav-bar .fade{opacity:0;transition:all .5s ease-in-out;transition-delay:.5s;transform:translateY(-100px)}.nav-bar .fadeDown-active{opacity:1;transform:translateY(0)}.toggle-item{display:none}.nav-links{display:flex;align-items:center;justify-content:space-between;gap:16px;counter-reset:item 0}.nav-links .nav-link{list-style:none;padding:10px}.nav-links .nav-link a{color:#009da8;counter-increment:item 0}.nav-links .nav-link a:before{content:"0" counter(item) ".";counter-increment:item;margin-right:5px;color:#64ffda;font-size:12px;text-align:right}.nav-links .nav-link a:hover{color:#64ffda}@media (max-width: 768px){.toggle-item{display:flex}.toggle-item .icons{cursor:pointer;width:30px;display:flex;flex-wrap:wrap;justify-content:flex-end}.toggle-item .icons span{background-color:#64ffda;margin-bottom:5px;height:2px}.toggle-item .icons span:first-child{width:100%}.toggle-item .icons span:nth-child(2){width:70%;transition:.4s}.toggle-item .icons span:last-child{width:50%;transition:.4s}.toggle-item .icons:hover span:nth-child(2){width:100%}.toggle-item .icons:hover span:last-child{width:100%}.toggle-item .icons div{display:inline-block;color:inherit;padding:2px;font-size:2.25rem}.toggle-item .icons div:hover{color:#64ffda}.nav-bar ol{transition:transform .25s,opacity .5s;opacity:0;transform:translate(100vw);display:none;display:flex;flex-direction:column;position:absolute;justify-content:start;gap:40px;top:0;right:0;height:100vh;width:75%;background-color:#00282b85;box-shadow:0 10px 30px -10px #021820d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-bar ol a{padding:15px!important}.nav-bar ol.active{transition:opacity .5s;opacity:1;transform:translate(0)}.nav-bar ol .toggle-item{width:100%;height:100px;align-items:center;padding-right:50px;justify-content:flex-end}}#close{padding:10px;width:46px;height:46px}.outer{position:relative;top:-33%;right:2px;margin:auto;width:2.125rem;cursor:pointer}.inner{width:inherit;text-align:center}.inner:before,.inner:after{position:absolute;content:"";height:1px;width:inherit;background:#64ffda;left:0;transition:all .3s ease-in}.inner:before{top:50%;transform:rotate(45deg)}.inner:after{bottom:50%;transform:rotate(-45deg)}.nav-link{transition:all .5s ease-out}.fade-enter-active{opacity:1!important}.fadeDown-enter{opacity:0;transform:translateY(-100px)}.fadeDown-enter-active{opacity:1;transform:translateY(0);transition:all .5s ease-in-out}html.disable-scroll{overflow:hidden}.socialContainer{position:fixed;bottom:0px;left:3rem;display:flex;flex-direction:column;gap:10px;align-items:center;color:#009da8}.socialContainer .line{background-color:#009da8;width:1.2px;height:6rem}.socialContainer .social{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin-bottom:1rem;gap:22px}.socialContainer .social .social-item{list-style:none;transition:all .25s cubic-bezier(.645,.045,.355,1)}.socialContainer .social .social-item:hover{transform:translateY(-3px);color:#64ffda}.socialContainer .social a{color:inherit;padding:2px}.socialContainer .social a svg{width:20px}@media (max-width: 576px){.socialContainer{display:none}}.emailContainer{position:fixed;bottom:0px;right:3.2rem;display:flex;flex-direction:column;align-items:center}.emailContainer .email a{margin:20px auto;padding:10px;font-size:12px;line-height:18px;color:#009da8;letter-spacing:.2em;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.emailContainer .email a:hover{color:#64ffda}.emailContainer .line{background-color:#009da8;width:1.2px;height:6rem}@media (max-width: 576px){.emailContainer{display:none}}.fade{opacity:0}.fade-active{transition:all .6s ease-in-out;opacity:1}.mainHead{display:flex;-webkit-box-align:center;align-items:center;margin:10px 0 40px;white-space:nowrap;font-size:1.8vh}.mainHead .header{position:relative;display:inline-block}.mainHead .line{display:inline-block;width:300px;height:1px;margin-left:20px;background-color:#003f46}.mainHead span{font-weight:200;font-size:2vh;margin:5px 8px 0 0;color:#64ffda;font-family:SF Mono,monospace;font-weight:400}@media (max-width: 900px){.mainHead,.mainHead span{font-size:1rem}}#AboutMe{max-width:1000px;display:flex;flex-direction:column;justify-content:center;padding:0 3rem;margin-bottom:12rem}#AboutMe p{margin:0 0 15px;line-height:1.5}#AboutMe ul{display:grid;grid-template-columns:repeat(3,minmax(140px,200px));gap:0px 10px;padding:0;margin:20px 0 0;overflow:hidden;list-style:none}#AboutMe ul li{position:relative;margin-bottom:10px;padding-left:20px;font-family:monospace;color:#008791}#AboutMe ul li:before{content:"\25b9";position:absolute;left:0px;top:2px;color:#64ffda;font-size:13px;line-height:12px}#AboutMe .content{display:flex;gap:15px}#AboutMe .content .img{max-width:320px;position:relative;height:fit-content}#AboutMe .content .img img{border-radius:.3rem;width:100%;height:100%;transition:all .25s cubic-bezier(.645,.045,.355,1)}#AboutMe .content .img:after{content:"";position:absolute;width:100%;height:100%;border:2px solid #64ffda;top:10px;left:10px;border-radius:.3rem;z-index:-1;transition:all .25s cubic-bezier(.645,.045,.355,1)}#AboutMe .content .img:before{content:"";position:absolute;right:0px;top:0px;width:100%;height:100%;background-color:#005d6828;z-index:1;border-radius:3px}#AboutMe .content .img:hover:before{background-color:transparent}#AboutMe .content .img:hover img{transform:translate(-5px,-5px)}#AboutMe .content .img:hover:after{transform:translate(5px,5px)}@media (max-width: 992px){#AboutMe .content{flex-direction:column;align-items:start}#AboutMe .content ul{grid-template-columns:repeat(2,minmax(140px,200px))}#AboutMe .content .info{max-width:100%}#AboutMe .content .img{margin-top:3rem!important;margin:auto}}@media (max-width: 992px){#AboutMe .content .info{width:100%}}@media (max-width: 576px){#AboutMe{padding:30px}}#experience{margin-bottom:10rem}#experience .container{max-width:800px;height:100%;margin:auto}.sliders{display:flex;gap:20px;width:100%;position:relative;height:auto;max-width:900px}.sliders .details .job{transition:all .2s cubic-bezier(.645,.045,.355,1);opacity:0}.sliders .details .job.active{opacity:1;transition-delay:.1s}.sliders .job-header{margin-bottom:10px}.sliders .date{font-size:.9rem}.sliders .job-title{font-size:1.2rem;font-weight:700;color:#00c5d3}.sliders .company-name{color:#64ffda;font-size:1.1rem}.sliders .responsibilities{list-style-type:none;margin-top:25px}.sliders .responsibilities li.resp{padding-left:30px;margin-bottom:10px;position:relative;font-size:.9rem;line-height:1.5rem}.sliders .responsibilities li.resp:before{content:"\25b9";position:absolute;left:0;color:#64ffda;font-size:1rem;line-height:1.5rem}@media screen and (max-width: 900px){.sliders{flex-direction:column;height:fit-content}.sliders .slider-list{display:flex;flex-direction:row;text-align:center;align-items:center;width:100%;height:fit-content;margin-bottom:20px;overflow-x:scroll}.sliders .slider-list::-webkit-scrollbar{height:4px}.sliders .details{padding:20px}}.tap-btn{display:flex;margin-right:1.4rem;padding:.9rem;white-space:nowrap;color:#008791;font-size:.9rem;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-weight:200;transition:all .25s cubic-bezier(.645,.045,.355,1);border-left:1.5px solid #003f46}.tap-btn:hover{color:#64ffda;cursor:pointer;background-color:#00839517}.tap-btn.active{color:#64ffda;border-left:1px solid #64ffda;background-color:#00839517}@media screen and (max-width: 900px){.tap-btn{border-left:none;margin:0;padding:10px 20px;border-bottom:1px solid #003f46}.tap-btn:hover{border-bottom:1px solid #64ffda}.tap-btn.active{border-left:none;border-bottom:1px solid #64ffda}}#at{color:#64ffda}.cont{margin:auto;position:relative;animation:fadeInOut 3s ease-in}@keyframes fadeInOut{0%{opacity:0}30%{opacity:1}to{opacity:1}}.face{text-align:center;height:100vh;display:flex}.loading{background-color:#034434;display:block;height:2px;margin:52px auto;border-radius:2px;position:relative;overflow:hidden;z-index:1;width:200px}.cont img{border-radius:12px;width:70px}.loading:before{content:"";height:3px;width:130px;position:absolute;transform:translate(-60px);background-color:#64ffda;border-radius:12px;animation:initial-loading 2s infinite ease}@keyframes initial-loading{0%{left:0}50%{left:100%}to{left:0}}.face .cont>img,.face .cont>svg{box-shadow:0 2px 30px 3px #64ffda;animation:bounce 2s ease-out infinite}.svg{width:70px;height:70px;fill:#64ffda;animation:bounce 2s ease-out infinite;border-radius:10px}@keyframes bounce{0%{transform:scale(1);filter:blur(0)}50%{transform:scale(.9);filter:blur(1.4);box-shadow:0 .3px 5px .5px #64ffda}to{transform:scale(1)}}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center}.hero h1{margin:0 0 30px 4px;color:#64ffda;font-family:SF Mono,monospace;font-size:16px;font-weight:400}.hero h2{line-height:.9;font-size:clamp(40px,8vw,80px)}.hero h3{margin-top:5px;color:#008791;line-height:.9;font-size:clamp(30px,8vw,80px)}.hero p{margin:20px 0 0;max-width:88%;color:#008791;font-size:clamp(1rem,2vw,1.25rem)}.hero button{margin-top:50px}@media (min-width: 768px){.hero{max-width:80%}.hero p{max-width:60%}}.fadeup-enter{opacity:0;transform:translateY(30px)}.fadeup-enter-active,.fadeupImg-enter-done{opacity:1;transform:translateY(0);transition:all .5s ease-out}#header .container{display:flex;justify-content:center;align-items:center;gap:5px}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:all .5s ease-in-out;transition-delay:1.5s}.section-other-project{padding:7rem 0rem}@media (max-width: 768px){.section-other-project{padding:5rem 0rem}}h2.second-head{font-size:1.5em;display:flex;justify-content:center;align-items:center;margin-bottom:3rem;font-weight:700}.other-projects{list-style:none;padding:0;margin:50px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;position:relative}.project-card{display:flex;justify-content:space-between;flex-direction:column;background-color:#0b2629;height:100%;padding:2rem 1.75rem;border-radius:10px;overflow:auto;transition:all .25s cubic-bezier(.645,.045,.355,1);position:relative;box-shadow:0 15px 50px #0000001a}.project-card h3 a{font-family:Calibri,Inter,sans-serif;color:inherit;transition:all .25s cubic-bezier(.645,.045,.355,1)}.project-card h3 a:after{position:absolute;content:"";right:0px;top:0px;width:100%;height:100%}.project-card h3 a:hover{color:#64ffda}.project-card .project-description{margin:.7rem 0px 1.5rem;display:flex;font-size:.9rem}.project-card:hover{transform:translateY(-.5rem);box-shadow:0 15px 50px #0003}.project-card .project-tech-list{justify-content:start;font-size:.75rem}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-top .project-links{margin:10px;z-index:3}.project-top .folder{color:#64ffda;width:2.5rem}.project{position:relative;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);-webkit-box-align:center;align-items:center;margin-bottom:3rem}.project-info{grid-column:7/-1;grid-row:1/-1;text-align:right;z-index:1}.project-info .project-overline{margin:10px 0;color:#64ffda;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:400}.project-info .project-title a{font-size:1.3rem;font-family:Calibri,Inter,sans-serif;color:inherit;transition:all .25s cubic-bezier(.645,.045,.355,1)}.project-info .project-title a:hover{color:#64ffda}.project-info .project-description{box-shadow:0 10px 30px -15px #02181bb3;position:relative;z-index:2;line-height:1.4;font-size:.9rem;padding:25px;border-radius:var(--border-radius);background-color:#0b2629;color:#009da8;margin:20px 0}.project-tech-list{list-style:none;gap:1rem;display:flex;flex-wrap:wrap;font-size:.9rem;justify-content:end;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace}.project-img{box-shadow:0 10px 30px -15px var(--navy-shadow);grid-column:1/8;grid-row:1/-1}.project-img .img{position:relative}.project-img .img img{border-radius:3px}.project-img .img:after{content:"";position:absolute;right:0px;top:0px;width:100%;height:100%;background-color:#00282dbf;transition:all .2s cubic-bezier(.645,.045,.355,1);z-index:1;border-radius:3px}.project-img .img:hover:after{background-color:transparent}.project-links{display:flex;margin:1rem 0px;flex-direction:row;justify-content:end}.project-links a{width:2.7rem;color:#00c5d3;padding:.6rem;transition:all .25s cubic-bezier(.645,.045,.355,1)}.project-links a:hover{color:#64ffda}.reverse .project-info{text-align:left;grid-column:1/7}.reverse .project-img{grid-column:6/-1}.reverse .project-links,.reverse .project-tech-list{justify-content:start}@media (max-width: 768px){.project-info{padding:20px;grid-column:1/-1;background-color:#0e343841;text-align:left}.project-links,.project-tech-list{justify-content:start;gap:.6rem;font-size:.8rem}.project-img{grid-column:1/-1;opacity:20%;height:100%}.project-img .img{height:100%}.project-img .img img{height:100%;object-fit:cover}.project-info .project-description{background-color:transparent;box-shadow:none;padding:0}.reverse .project-info,.reverse .project-img{grid-column:1/-1}}#projects-section{margin-bottom:4rem}#projects-section b{font-size:1.3rem}#projects-section .container{max-width:1000px;height:100%;margin:auto}@media (max-width: 768px){#projects-section{margin-bottom:1rem}}#contact{text-align:center;margin-bottom:2.6rem}#contact .container{max-width:600px;height:100%;margin:auto}#contact p{margin:1rem 0rem 4rem}#contact .numbered-heading{display:block;margin-bottom:20px;color:#64ffda;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:400}#contact .second-head{font-size:2.6rem}#contact .btn-second{font-size:1rem;padding:.8rem 1.5rem}footer{display:flex;justify-content:center;padding:1.6rem;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;align-items:center;font-size:.9rem;flex-direction:column;gap:2rem}footer .social-items{display:flex;gap:20px}footer .social-items .social-item{list-style:none;width:40px;height:40px;transition:all .25s cubic-bezier(.645,.045,.355,1);color:#009ea9}footer .social-items .social-item:hover{color:#64ffda}footer .social-items .social-item a{color:inherit}footer .social-items .social-item svg{width:20px;height:20px;color:inherit}@media (min-width: 768px){footer .social-items{display:none}}footer .copy{display:flex;gap:10px;align-items:center}footer .copy span{font:1em sans-serif}footer :hover{color:#64ffda}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.container{padding-right:1rem;padding-left:1rem;padding-right:25px;padding-left:25px}.container:not(.is-fluid){margin:0 auto}@media only screen and (min-width: 320px){.container:not(.is-fluid){width:100%;max-width:420px}}@media only screen and (min-width: 577px){.container:not(.is-fluid){width:100%;max-width:477px}}@media only screen and (min-width: 900px){.container:not(.is-fluid){width:100%;max-width:800px}}@media only screen and (min-width: 1200px){.container:not(.is-fluid){width:100%;max-width:1020px}}@media only screen and (min-width: 1800px){.container:not(.is-fluid){width:100%;max-width:1380px}}.container-xs{margin:0 auto;padding-right:1rem;padding-left:1rem;width:100%}@media only screen and (min-width: 320px){.container-xs{max-width:420px}}@media only screen and (min-width: 577px){.container-xs{max-width:477px}}@media only screen and (min-width: 900px){.container-xs{max-width:800px}}@media only screen and (min-width: 1200px){.container-xs{max-width:1020px}}@media only screen and (min-width: 1800px){.container-xs{max-width:1380px}}.container-sm{margin:0 auto;padding-right:1rem;padding-left:1rem;width:100%}@media only screen and (min-width: 577px){.container-sm{max-width:477px}}@media only screen and (min-width: 900px){.container-sm{max-width:800px}}@media only screen and (min-width: 1200px){.container-sm{max-width:1020px}}@media only screen and (min-width: 1800px){.container-sm{max-width:1380px}}.container-md{margin:0 auto;padding-right:1rem;padding-left:1rem;width:100%}@media only screen and (min-width: 900px){.container-md{max-width:800px}}@media only screen and (min-width: 1200px){.container-md{max-width:1020px}}@media only screen and (min-width: 1800px){.container-md{max-width:1380px}}.container-lg{margin:0 auto;padding-right:1rem;padding-left:1rem;width:100%}@media only screen and (min-width: 1200px){.container-lg{max-width:1020px}}@media only screen and (min-width: 1800px){.container-lg{max-width:1380px}}.container-xl{margin:0 auto;padding-right:1rem;padding-left:1rem;width:100%}@media only screen and (min-width: 1800px){.container-xl{max-width:1380px}}@media (max-width: 1200px){.container{width:80%!important}}@media (max-width: 576px){.container{width:100%!important;padding:30px!important}}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;scroll-behavior:smooth}body{color:#009da8;background-color:#092124;font-family:Calibri,Inter,sans-serif;line-height:1.3}::selection{color:#00c5d3;background:#003f46}h1,h2,h3{color:#00c5d3}.scroll-disabled{overflow:hidden!important}p{color:#009da8}p>a{display:inline-block;text-decoration:none;text-decoration-skip-ink:auto;position:relative;font-family:inherit}p>a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1.2px;bottom:0;left:0;background-color:#64ffda;transform-origin:bottom left;transition:all .25s cubic-bezier(.645,.045,.355,1)}p>a:hover:after{transform:scaleX(1)}button,a{font-family:SF Mono,monospace;cursor:pointer}*:focus{outline:0}.hidden{display:none}img,.container{width:100%}@media (min-width: 1440px){.container{max-width:1280px}}.paddingX{padding:0 5rem}.paddingY{padding:2rem 0}.justify-center{display:flex;justify-content:center;align-items:center}.justify-between{display:flex;justify-content:space-between;align-items:center}a{text-decoration:none;color:#64ffda}.opacity1{opacity:1}.opacity0{opacity:0}.section{transition:transform 1s,opacity 1s;transition-delay:2s}.section--hidden{opacity:0;transform:translateY(8rem)}.overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:98;background-color:#00000057;backdrop-filter:blur(2px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#008791;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:#009da8}.bg-primary{background-color:#009da8}.bg-dark-primary{background-color:#008791}.bg-background{background-color:#092124}.bg-second{background-color:#64ffda}.text-primary{color:#009da8}.text-dark-primary{color:#008791}.text-second{color:#64ffda}.text-black{font-weight:900}.text-bold{font-weight:700}.text-normal{font-weight:400}.text-thin{font-weight:200}.text-xxs{font-size:.4rem}.text-xs{font-size:.7rem}.text-s{font-size:1rem}.text-m{font-size:1.4rem}.text-l{font-size:1.8rem}.text-xl{font-size:2.4rem}.text-xxl{font-size:3.6rem}.btn{display:inline-block;outline:none;margin:0 .25rem 0 0;text-decoration:none;text-align:center;border-radius:4px;padding:12px 16px;position:relative;background-color:#092124;z-index:99;transition:all .25s cubic-bezier(.645,.045,.355,1)}.btn:hover{transform:translate(-5px,-5px);box-shadow:5px 5px #64ffda}.btn-second{color:#64ffda!important;fill:#64ffda!important;background-color:transparent;border:1px solid #64ffda}