:root{--cc-bg: #112240;--cc-text: $text-color;--cc-btn-primary-bg: transparent;--cc-btn-primary-text: #64FFDA;--cc-btn-primary-hover-bg: #64FFDA;--cc-btn-secondary-bg: var(--bs-secondary);--cc-btn-secondary-text: #ffffff;--cc-btn-secondary-hover-bg: #091528;--cc-toggle-bg-off: #667481;--cc-toggle-bg-on: #64FFDA;--cc-toggle-bg-readonly: #233554;--cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);--cc-toggle-knob-icon-color: var(--cc-bg);--cc-cookie-category-block-bg: #0A192F;--cc-cookie-category-block-bg-hover: #233554;--cc-section-border: #233554;--cc-block-text: #A8B2D1;--cc-cookie-table-border: #2b3035;--cc-overlay-bg: rgba(4, 6, 8, .85);--cc-webkit-scrollbar-bg: #8892b0;--cc-webkit-scrollbar-bg-hover: #A8B2D1}body{background-color:#0a192f;font-family:"Poppins",sans-serif;color:#8892b0}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:#0a192f}body::-webkit-scrollbar-thumb{background-color:#8892b0;border-radius:6px;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}body::-webkit-scrollbar-thumb:hover{background-color:#a8b2d1}.btn{border-radius:.5rem}header{position:fixed;top:0;left:0;width:100%;background-color:rgba(10,25,47,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transition:-webkit-box-shadow .2s ease-in-out,-webkit-transform .3s ease-in-out;transition:-webkit-box-shadow .2s ease-in-out,-webkit-transform .3s ease-in-out;transition:box-shadow .2s ease-in-out,transform .3s ease-in-out;transition:box-shadow .2s ease-in-out,transform .3s ease-in-out,-webkit-box-shadow .2s ease-in-out,-webkit-transform .3s ease-in-out;z-index:150}header.hide{-webkit-transform:translateY(-90px);transform:translateY(-90px)}header.scrolled{-webkit-box-shadow:rgba(0,0,0,.24) 0px 3px 8px;box-shadow:rgba(0,0,0,.24) 0px 3px 8px}header .header-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem}header .header-container .logo svg{width:50px;height:50px;fill:#64ffda}header .header-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}header .header-menu ol{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0px;margin:0px;list-style:none}header .header-menu ol li{position:relative;margin:0px 5px}header .header-menu ol li a{font-family:"Roboto Mono",monospace;padding:10px;text-decoration:none}header .header-menu ol li a:last-of-type{margin-right:0}header .header-menu ol li a .hm-t{color:var(--text-color-lightest);-webkit-transition:color .15s ease-in-out;transition:color .15s ease-in-out}header .mobile-menu-btn{display:none;fill:#64ffda}header .resume-btn{margin-left:10px}header .resume-btn a{font-size:14px;padding:8px 12px}.offcanvas{width:75%;max-width:400px;background-color:#112240}.offcanvas .btn-close{width:36px;height:36px}.offcanvas ul{list-style:none;-webkit-padding-start:0;padding-inline-start:0;margin:16px 0 48px 0}.offcanvas ul li{margin-bottom:32px}.offcanvas ul li a{text-decoration:none;text-align:center;font-family:"Roboto Mono",monospace}.offcanvas ul li a p{margin-bottom:4px}.offcanvas ul li a.c-name{font-family:"Poppins",sans-serif;color:#ccd6f6}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.show{opacity:.3}.offcanvas-backdrop.fade{opacity:0}main.mb-open{-webkit-filter:blur(5px);filter:blur(5px)}.custom-lg-btn,section.top_hero .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:50px;width:180px;font-weight:500;line-height:1}section.top_hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:100vh}section.top_hero .main-cta svg{width:24px;height:24px;fill:#64ffda;margin-right:8px;-webkit-transition:fill .15s ease-in-out;transition:fill .15s ease-in-out}section.top_hero .main-cta:hover svg{fill:#000}section.top_hero .main-cta span{line-height:1.2}section.top_hero .name-heading{font-size:clamp(40px,8vw,80px);color:#ccd6f6;margin:0px}section.top_hero .sub-heading{font-size:clamp(20px,7vw,50px);margin:0}section.top_hero .subtext{font-size:16px;max-width:600px;margin:2rem 0 3rem 0}.socials{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2rem;padding-bottom:16px;border-bottom:2px solid #233554}.socials a{text-decoration:none;padding:10px;margin-right:12px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}.socials a:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px)}.socials a:hover svg{fill:#64ffda}.socials a svg{width:24px;height:24px;fill:#ccd6f6;-webkit-transition:fill .2s ease-in-out;transition:fill .2s ease-in-out}.section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-bottom:2rem}.section-header .sh-d{font-size:26px;font-family:"Roboto Mono",monospace;color:#64ffda;margin-right:8px}.section-header .sh-t{font-size:32px;color:#ccd6f6}.section-header hr{width:200px;margin:0 0 0 1.5rem}.index-container .dt-section{padding:100px 0}.about-section .skills-list{display:grid;grid-template-columns:repeat(2, minmax(140px, 240px));gap:0px 10px;-webkit-padding-start:20px;padding-inline-start:20px;margin:20px 0px 0px}.about-section .skills-list li::marker{color:#64ffda}.about-section .user-img{width:100%;max-width:256px;border-radius:21px;-webkit-box-shadow:rgba(0,0,0,.24) 0px 3px 8px;box-shadow:rgba(0,0,0,.24) 0px 3px 8px}.exp-section .nav{border-left:2px solid #233554}.exp-section .nav-link{background-color:rgba(0,0,0,0);color:#8892b0;text-align:left;border-radius:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.exp-section .nav-link:hover{background-color:#112240}.exp-section .nav-link.active{background-color:rgba(0,0,0,0);color:#64ffda}.exp-section .nav-link.active:hover{background-color:#112240}.exp-section .tab-pane h4{color:#ccd6f6;margin-bottom:4px}.exp-section .tab-content h4 span{color:#64ffda}.exp-section .tab-content h4 span a{text-decoration:none}.exp-section .tab-content .time-span{font-family:"Roboto Mono",monospace;color:#a8b2d1;margin-bottom:22px}.exp-section .tab-content ul{-webkit-padding-start:20px;padding-inline-start:20px}.exp-section .tab-content ul li::marker{color:#64ffda}.exp-section .tab-content .exp-type{font-weight:500;font-style:italic;margin-bottom:4px}.ed-section h4 span,.cert-section h4 span{color:#64ffda}.ed-section h4 span a,.cert-section h4 span a{text-decoration:none}.ed-section .time-span,.cert-section .time-span{font-family:"Roboto Mono",monospace;color:#a8b2d1;margin-bottom:22px}.ed-section ul,.cert-section ul{-webkit-padding-start:20px;padding-inline-start:20px}.ed-section ul li::marker,.cert-section ul li::marker{color:#64ffda}.ed-section .exp-type,.cert-section .exp-type{font-weight:500;font-style:italic;margin-bottom:4px}.project-card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:24px;border-radius:10px;background-color:#112240;height:100%;-webkit-box-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px;box-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px;-webkit-transition:-webkit-box-shadow .2s ease-in-out;transition:-webkit-box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out}.project-card:hover{-webkit-box-shadow:rgba(0,0,0,.24) 0px 3px 8px;box-shadow:rgba(0,0,0,.24) 0px 3px 8px}.project-card .pc-header{margin-bottom:8px}.project-card .pc-header .links{text-align:right}.project-card .pc-header .links a{position:relative;padding:6px;z-index:2}.project-card .pc-header .links a svg{width:24px;height:24px;fill:#ccd6f6;-webkit-transition:fill .15s ease-in-out;transition:fill .15s ease-in-out}.project-card .pc-header .links a:hover svg{fill:#64ffda}.project-card .pc-body h4{font-family:"Roboto Mono",monospace;color:#64ffda;margin-bottom:16px}.project-card .pc-tags ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0px;margin:20px 0px 0px;list-style:none}.project-card .pc-tags ul li{font-family:"Roboto Mono",monospace;font-size:14px}.project-card .pc-tags ul li:not(:last-of-type){margin-right:16px}.cert-section .cert-div{margin-bottom:3rem}.cert-section .cert-div:last-of-type{margin-bottom:0}.cert-section .cert-div .time-span{margin-bottom:12px}.lang-section .lang-tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.lang-section .lang-tag:last-of-type{font-weight:500;margin-bottom:0}.lang-section .lang-tag p{margin-bottom:0}.lang-section .lang-tag p span{color:#64ffda;font-family:"Roboto Mono",monospace}.contact-section{margin-bottom:6rem}.contact-section .inner-col{max-width:600px;margin:auto;text-align:center}.contact-section .section-title-sm{font-size:18px;color:#64ffda;font-family:"Roboto Mono",monospace}.contact-section h4{font-size:clamp(40px,5vw,60px);font-weight:600;color:#ccd6f6;margin-bottom:1rem}.contact-section p{font-size:16px}.contact-section a{margin:3rem auto 0 auto}.contact-section .mail-addr{color:#ccd6f6;text-decoration:none}footer{padding:3rem 1rem}footer .footer-container{font-family:"Roboto Mono",monospace;text-align:center;font-size:14px}footer .footer-container .disclaimer{font-size:12px;margin:0 auto 2rem auto;max-width:600px}footer .footer-container .disclaimer p:first-child{font-weight:500;text-decoration:underline}footer .footer-container a{color:#8892b0}.cc_div{font-family:"Poppins",sans-serif}.cc_div .cc-link{color:#64ffda}#c-ttl,#s-ttl,.b-tl{color:#ccd6f6}#c-bns button:first-child,#s-bns button:first-child{line-height:1.3}#s-all-bn{line-height:.9}#c-bns button:first-child:active,#c-bns button:first-child:hover,#c-bns.swap button:last-child:active,#c-bns.swap button:last-child:hover,#s-bns button:first-child:active,#s-bns button:first-child:hover{color:#000}.privacy-container,.credits-container{margin:10rem auto 8rem auto}.privacy-page .h-btn a{width:240px}.privacy-page h1,.privacy-page h2,.privacy-page h3,.privacy-page h4,.privacy-page h5,.privacy-page h6{color:#ccd6f6}.credits-page h1,.credits-page h2,.credits-page h3,.credits-page h4,.credits-page h5,.credits-page h6{color:#ccd6f6}.offline-float{position:fixed;left:1.2rem;bottom:1rem;padding:10px;background-color:#112240;border-radius:50%;-webkit-transform:translateX(-4rem);transform:translateX(-4rem);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;-webkit-box-shadow:rgba(0,0,0,.35) 0px 5px 15px;box-shadow:rgba(0,0,0,.35) 0px 5px 15px}.offline-float.show{-webkit-transform:translateX(0);transform:translateX(0)}.offline-float svg{width:24px;height:24px;fill:#64ffda}@media only screen and (max-width: 576px){.exp-section .tab-pane h4 span,.ed-section h4 span,.cert-section h4 span{display:block}}@media only screen and (max-width: 768px){body{font-size:var(--font-size-sm)}.btn,section.top_hero .btn,.custom-lg-btn{font-size:var(--font-size-sm)}header .header-container .logo svg{width:36px;height:36px}section.top_hero .main-cta svg{width:20px;height:20px}section.top_hero .subtext,section.top_hero .contact-section p{font-size:var(--font-size-sm)}.socials a svg{width:20px;height:20px}.index-container .dt-section{padding:80px 0 50px 0}.section-header{padding-bottom:12px;border-bottom:1px solid rgba(136,146,176,.25)}.section-header .sh-d{font-size:22px}.section-header .sh-t{font-size:28px;width:100%;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.section-header hr{display:none}.about-section .skills-list{display:block;margin-top:0}.about-section .user-img{display:block;width:150px;height:150px;margin:0 auto 2rem auto}.exp-section .tab-pane h4,.ed-section h4,.cert-section h4{font-size:18px}.exp-section .nav{overflow-x:auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:none}.project-card .pc-body h4{font-size:18px}footer{padding:1.5rem 1rem}footer .footer-container{font-size:12px}}@media only screen and (max-width: 768px)and (orientation: landscape){section.top_hero{padding-top:80px}.about-section{margin-top:80px}.about-section .skills-list{display:grid}.section-header{padding-bottom:0;border-bottom:none}.section-header hr{display:inline}}@media only screen and (max-width: 992px){header .header-menu{display:none}header .mobile-menu-btn{display:block}}.page__e403 .container,.page__e404 .container,.page__e500 .container,.page__eoff .container{max-width:600px;margin-top:15vh}.page__e403 .error-cnt,.page__e404 .error-cnt,.page__e500 .error-cnt,.page__eoff .error-cnt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.page__e403 .error-message,.page__e404 .error-message,.page__e500 .error-message,.page__eoff .error-message{color:#ccd6f6;font-weight:normal}.page__e403 .eoff-svg-icon,.page__e404 .eoff-svg-icon,.page__e500 .eoff-svg-icon,.page__eoff .eoff-svg-icon{fill:#64ffda;margin-bottom:1rem}.page__e403 .acp-img,.page__e404 .acp-img,.page__e500 .acp-img,.page__eoff .acp-img{width:200px;max-height:200px}.page__e403 a,.page__e404 a,.page__e500 a,.page__eoff a{font-size:14px}@media only screen and (max-width: 768px){.page__e403 .error-cnt,.page__e404 .error-cnt,.page__e500 .error-cnt,.page__eoff .error-cnt{text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.page__eoff p{max-width:376px}