@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Fira+Mono:wght@400;500;700&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Mono:ital,wght@0,100;0,200;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);:root{--main:#8892b0;--white:#ccd6f6;--dark-navy:#020c1b;--navy:#0a192f;--light-navy:#112240;--lightest-navy:#233554;--navy-shadow:#020c1bb3;--dark-slate:#495670;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--white:#e6f1ff;--green:#64ffda;--green-tint:#64ffda1a;--pink:#f57dff;--blue:#57cbff;--font-sans:"Calibre","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;--font-mono:"Roboto Mono","SF Mono","Fira Code","Fira Mono",monospace;--fz-xxs:12px;--fz-xs:13px;--fz-sm:14px;--fz-md:16px;--fz-lg:18px;--fz-xl:20px;--fz-xxl:22px;--fz-heading:32px;--border-radius:4px;--nav-height:100px;--nav-scroll-height:70px;--tab-height:42px;--tab-width:120px;--easing:cubic-bezier(0.645,0.045,0.355,1);--transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);--hamburger-width:30px;--ham-before:top 0.1s ease-in 0.25s,opacity 0.1s ease-in;--ham-before-active:top 0.1s ease-out,opacity 0.1s ease-out 0.12s;--ham-after:bottom 0.1s ease-in 0.25s,transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);--ham-after-active:bottom 0.1s ease-out,transform 0.22s cubic-bezier(0.215,0.61,0.355,1) 0.12s;--navy:#022620;--navy:#0a212f;--light-navy:#162e3e;--lightest-slate:#b7c7db;--lightest-slate:#9ac1e3;--light-slate:#9fbad7;--slate:#688cac;--main:#678aa9e5;--dark-slate:#5b7c99}@supports (color:rgb(0 0 0/0)){:root{--green:#7cff70}}html{box-sizing:border-box;cursor:auto;-webkit-scroll-behavior:smooth;scroll-behavior:smooth;width:100%}body,html{-webkit-font-smoothing:antialiased}body{-moz-osx-font-smoothing:grayscale;background:#0a212f;background:var(--navy);color:#e6f1ff;color:var(--white);cursor:default;display:grid;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-family:var(--font-sans);grid-template-columns:100%;grid-template-rows:1fr auto;line-height:1.3;margin:0;min-height:100vh}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0a212f;background:var(--navy)}::-webkit-scrollbar-thumb{background:#5b7c99;background:var(--dark-slate);border-radius:50px}.homie-colors{--green:#adcc2c;--navy:#043031;--light-navy:#1b4958;--lightest-slate:#b7c7db;--light-slate:#6797c9;--slate:#7da9cf;--main:#7da9cf}h1{font-size:clamp(40px,8vw,70px);margin:0}h1,h2{line-height:1.1}h2{color:var(--lightest-slate);font-weight:600;margin:0 0 10px}h3{font-size:clamp(14px,5vw,16px);margin:0}a{color:var(--green);text-decoration:none}section{margin:0 auto}li{list-style:none}footer{display:block}.hover-underline-animation{display:inline-block;position:relative}.hover-underline-animation:after{background-color:var(--green);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out;width:100%}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}svg:hover{stroke:var(--green)}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a212fd9;font-family:var(--font-mono);position:fixed;top:0;transition:var(--transition);width:100%;z-index:11}nav .container{-webkit-box-align:center;align-items:center;display:flex;justify-content:space-between;padding:20px 40px}.logo-logo:hover{transition:all 1.26s}.logo-logo:active,.logo-logo:hover{transform:rotate(2turn)}.links ul{align-items:center;display:flex;justify-content:space-between}.links ul li{list-style:none;padding:0 10px}.links ul li a{color:var(--lightest-slate);font-size:14px;font-weight:400;text-decoration:none;transition:var(--transition)}.links ul li a span{color:var(--green);padding:0 6px}.links ul li:last-child a{border:1px solid var(--green);border-radius:5px;color:var(--green);padding:10px 15px;transition:all .25s}.links ul li a:hover{color:var(--green)}.links ul li:last-child:hover{opacity:.8}.menu-icon-container{cursor:pointer;display:inline-block}.bar1,.bar2,.bar3{background-color:var(--green);border-radius:50px;height:5px;margin:6px 0;transition:.4s;width:35px}.bar2{width:30px}.bar3{width:25px}.change .bar1{transform:translateY(11px) rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translateY(-11px) rotate(45deg)}#button{background-color:initial;border:1px solid var(--green);border-radius:var(--border-radius);color:var(--green);cursor:pointer;font-family:var(--font-mono);font-size:var(--fz-sm);font-weight:400;line-height:1;margin-top:50px;padding:.6rem 1rem;text-decoration:none;transition:var(--transition)}#button:hover{background-color:#a1d91213}#button:active{background-color:#a1d9122a}#menu-btn{display:none}@media (max-width:768px){#menu-btn{display:block}.logo{left:30px}.logo,.menu-icon{position:fixed;top:30px;z-index:10}.menu-icon{margin:0;padding:0;right:30px;transition:var(--transition)}.links ul li{display:none}.nav-links-mobile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#031e1fd7;display:block;left:0;list-style:none;position:absolute;text-align:end;top:10%;transition:all .2s;width:100%}.nav-links-mobile ul{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0;width:100%}.nav-links-mobile ul li{font-size:1.3rem;padding-bottom:30px;text-align:center}.nav-links-mobile ul li a{color:var(--lightest-slate);display:block}.nav-links-mobile ul li a:active{color:var(--green)}.nav-links-mobile ul li a span{color:var(--green);display:block}}.about{color:var(--slate);margin:0 auto;min-height:100vh;opacity:1;overflow:hidden;visibility:visible}.head{align-items:center;display:flex;font-size:clamp(26px,5vw,var(--fz-heading));margin:10px 0 40px;white-space:nowrap;width:100%}.head,.head span{position:relative}.head span{bottom:4px;color:var(--green);content:"0" counter(section) ".";counter-increment:section 1;font-family:var(--font-mono);font-size:clamp(var(--fz-md),3vw,var(--fz-xl));font-weight:400;margin-right:10px}.head .hline{background-color:var(--lightest-navy);display:block;height:1px;margin-left:20px;width:300px}.about-main{grid-gap:50px;display:grid;gap:50px;grid-template-columns:3fr 2fr}.about-main-left-top p{font-family:var(--font-sans);font-weight:400;line-height:1.7;margin:0 0 15px}.about-main-right{align-self:flex-start;justify-content:center;max-width:400px;position:relative}p{margin:0 0 15px}.about-main-left-buttom ul{grid-gap:0 10px;display:grid;gap:0 10px;grid-template-columns:repeat(2,minmax(140px,200px));margin:20px 0 0;overflow:hidden;padding:0 0 0 9px}.about-main-left-buttom ul li{font-family:var(--font-mono);font-size:var(--fz-xs);margin-bottom:10px;padding-left:20px;position:relative}.about-main-left-buttom ul li::marker{color:var(--green);content:"▹";font-size:var(--fz-sm);left:0;line-height:12px;position:absolute}.about-main-right-image{border-radius:12px;display:block;max-width:400px;object-fit:cover;opacity:1;transition:var(--transition)}@media (max-width:768px){.about{overflow:auto}.about-main{display:flex;flex-direction:column;justify-content:center;padding:0 10px}.about-main-right{margin:0 auto}.about-main-left-top p{line-height:1.4}.about-main-right-image{max-width:300px;opacity:1}}@media (max-width:1080px){.about-main-right-image{max-width:300px;opacity:1}}.text-animate-fast-hover{animation-direction:alternate;animation-duration:1s;animation-iteration-count:1;animation-timing-function:linear;transition:all .5s ease-out}@keyframes squeeze{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.text-animate-fast{animation:bounceIn .5s forwards;display:inline-block;min-width:10px;opacity:0}.text-animate-fast-hover{animation-fill-mode:both;animation-name:squeeze;cursor:pointer;display:inline-block;min-width:10px}.text-animate-fast-hover:hover{animation:rubberBand 1s;color:var(--green);text-shadow:2px 2px var(--light-slate)}.text-animate-fast._1{animation-delay:.0769230769s}.text-animate-fast._2{animation-delay:.1538461538s}.text-animate-fast._3{animation-delay:.2307692308s}.text-animate-fast._4{animation-delay:.3076923077s}.text-animate-fast._5{animation-delay:.3846153846s}.text-animate-fast._6{animation-delay:.4615384615s}.text-animate-fast._7{animation-delay:.5384615385s}.text-animate-fast._8{animation-delay:.6153846154s}.text-animate-fast._9{animation-delay:.6923076923s}.text-animate-fast._10{animation-delay:.7692307692s}.text-animate-fast._11{animation-delay:.8461538462s}.text-animate-fast._12{animation-delay:.9230769231s}.text-animate-fast._13{animation-delay:1s}.text-animate-fast._14{animation-delay:1.0769230769s}.text-animate-fast._15{animation-delay:1.1538461538s}.text-animate-fast._16{animation-delay:1.2307692308s}.text-animate-fast._17{animation-delay:1.3076923077s}.text-animate-fast._18{animation-delay:1.3846153846s}.text-animate-fast._19{animation-delay:1.4615384615s}.text-animate-fast._20{animation-delay:1.5384615385s}.text-animate-fast._21{animation-delay:1.6153846154s}.text-animate-fast._22{animation-delay:1.6923076923s}.text-animate-fast._23{animation-delay:1.7692307692s}.text-animate-fast._24{animation-delay:1.8461538462s}.text-animate-fast._25{animation-delay:1.9230769231s}.text-animate-fast._26{animation-delay:2s}.text-animate-fast._27{animation-delay:2.0769230769s}.text-animate-fast._28{animation-delay:2.1538461538s}.text-animate-fast._29{animation-delay:2.2307692308s}.text-animate-fast._30{animation-delay:2.3076923077s}.text-animate-fast._31{animation-delay:2.3846153846s}.text-animate-fast._32{animation-delay:2.4615384615s}.text-animate-fast._33{animation-delay:2.5384615385s}.text-animate-fast._34{animation-delay:2.6153846154s}.text-animate-fast._35{animation-delay:2.6923076923s}.contact-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.contact-container h2{color:var(--lightest-slate);font-size:clamp(40px,5vw,60px);font-weight:600;line-height:1.1;margin:0 0 10px}.contact-des{color:var(--slate);font-family:var(--font-sans);font-size:1rem;line-height:1.7;margin:0;max-width:570px;text-align:center}@media (max-width:768px){.contact-des{padding:10px 30px}}.center-container,.intro-center-main{min-height:100vh;padding:0}.center-container{-webkit-box-align:center;align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.intro-intro{color:var(--green);font-family:var(--font-mono);font-size:clamp(var(--fz-sm),5vw,var(--fz-md));font-weight:400;margin:0 0 30px 4px}.intro-name{color:var(--lightest-slate);font-size:4.3rem;font-weight:700}.intro-main{color:var(--main);font-size:4.1rem;font-weight:700;line-height:.9;margin-top:20px;padding-bottom:1.5rem}.intro-sub{color:var(--main);font-weight:400;line-height:1.6;margin:10px 0 0;max-width:540px}.intro-button{word-wrap:break-word;background-color:initial;border:1px solid var(--green);border-radius:var(--border-radius);color:var(--green);cursor:pointer;font-family:var(--font-mono);font-size:var(--fz-sm);font-weight:400;line-height:1;margin-top:50px;padding:1.25rem 1.75rem;text-decoration:none;transition:var(--transition);white-space:nowrap}.intro-button:hover{background-color:#7cff7013}@media (max-width:768px){.center-container{min-height:100vh}.intro-intro{font-weight:lighter;letter-spacing:1.2px;margin:0 0 10px 4px}.intro-name{font-size:2.3rem}.intro-main{font-size:2.2rem;margin-top:20px}.intro-sub{margin:0;text-align:left}.intro-button{margin-top:40px;padding:1rem}}@media (min-width:768px) and (max-width:1000px){.center-container{min-height:100vh}.intro-intro{font-weight:lighter;letter-spacing:1.2px;margin:0 0 10px 4px}.intro-name{font-size:3.2rem;margin-top:10px}.intro-main{font-size:3.1rem;margin-top:20px}.intro-sub{margin:0;text-align:left}.intro-button{margin-top:40px;padding:1rem}}.blogMain{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.blog-heading{margin:0;padding:0;text-align:center}.blog-heading a{font-family:var(--font-mono)}.blog-container-ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;padding:0}.blogEach{background:var(--light-navy);border-radius:5px;box-shadow:0 10px 30px -15px var(--navy-shadow);height:210px;margin:6px;max-width:250px;overflow:auto;padding:30px;transition:all .25s;transition:var(--transition)}.blogEach:hover{color:var(--green);margin-top:-2px}.blogEach-list-link{align-items:center;display:flex;justify-content:space-between;width:100%}.folder-logo svg{stroke:var(--green);height:40px;width:40px}.folder-links svg{height:20px;padding:5px;width:20px}.folder-links svg:hover{stroke:var(--green)}.folder-links{align-items:center;display:flex;justify-content:space-between}.blogEach-list-title{padding-top:30px}.blogEach-list-title a{color:var(--lightest-slate);font-size:1.1rem}.blogEach-list-title a:hover{color:var(--green)}.blogEach-list-des{color:var(--main);font-size:.9rem;font-weight:600;padding-top:15px}.blogEach-footer{color:var(--main);display:flex;font-family:var(--font-mono);font-size:.7rem;justify-content:space-between;padding:10px 0 0;width:70%}.otherbtn{margin:30px 0 100px}@media (max-width:768px){.blogMain{margin-top:100px}.blogEach{max-width:300px}}.project-container{align-items:center;display:flex;justify-content:center;margin:50px auto}.head{overflow:hidden}.project-right-content{align-items:flex-end;display:flex;flex-direction:column;max-width:700px}.project-left{background-color:var(--green);border-radius:12px;margin:0;opacity:.3;transition:var(--transition)}.project-left:hover{opacity:1}.project-left img{border-radius:12px;display:block;height:auto;max-width:700px;opacity:.3;transition:var(--transition);width:100%}.project-left img:hover{opacity:1}.project-right{align-items:center;border-radius:8px;display:flex;justify-content:center;margin-left:-150px;max-width:600px;min-height:400px;z-index:10}.Project-Featured{color:var(--green);font-family:var(--font-mono);font-size:.9rem;font-weight:400}.Project-title{color:var(--white);font-family:var(--font-sans);font-size:1.3rem;margin-top:10px}.Project-des{background-color:var(--light-navy);border-radius:var(--border-radius);box-shadow:0 10px 30px -15px var(--navy-shadow);font-size:var(--fz-md);margin-top:20px;padding:25px;position:relative;transition:var(--transition);z-index:2}.Project-des,.tech{color:var(--light-slate)}.tech{align-items:center;display:flex;font-family:var(--font-mono);font-size:.8rem;justify-content:space-between;width:80%}.tech li{list-style:none}.link a{box-shadow:0 10px 30px -15px var(--navy-shadow);margin-right:10px;transition:var(--transition)}.link a svg{stroke:var(--light-slate)}.link a svg:active,.link a svg:hover{stroke:var(--green)}.homie-link-project{color:var(--white)}.homie-link-project:hover{color:var(--green)}.hiddin{display:none}@media (max-width:768px){.hiddin{display:block}.project-left-flip,.unhiddin{display:none}.projects{display:block;margin-top:100px}.project-container,.project-main-main{align-items:center;display:flex;flex-direction:column;justify-content:center}.project-container{margin:auto;max-width:550px}.project-left{background-color:var(--green);max-width:95%}.project-left img{height:350px;opacity:.6}.project-left,.project-left-flip{box-shadow:0 10px 30px -15px var(--navy-shadow);opacity:.3;position:absolute}.project-right-content{align-items:flex-start;border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:40px;transition:var(--transition)}.project-right{margin-left:0;margin-top:30px}.Project-title{margin-top:5px}.Project-des{background:#0000;border-radius:none;padding:0;position:relative}.tech{padding:0}}@media (max-width:1080px){.projects{margin-top:100px}}.project-right-flip{margin-left:0}.project-right-content-flip{align-items:start}.project-left-flip{margin-left:-150px}.center-items{margin:0 auto;max-width:1000px}.left{padding:0 150px}.main-links{bottom:0;left:40px;position:fixed;right:auto;z-index:10}.main-links ul{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.main-links ul li{display:list-item;list-style:none}.main-links ul li a{-webkit-text-decoration-skip:ink;color:inherit;display:inline-block;padding:13px;position:relative;text-decoration:none;text-decoration-skip-ink:auto;transition:var(--transition)}.main-links li a svg{height:20px;transition:all .25s;vertical-align:middle;width:20px}.main-links ul li svg:hover{stroke:var(--green);margin-top:-10px}.left svg{stroke:var(--lightest-slate)}@media (max-width:768px){.left{display:none}}@media (max-width:1080px){.left{padding:0 100px}.main-links{left:30px}}.right-container{bottom:0;color:var(--light-slate);left:auto;position:fixed;right:40px;z-index:10}.email-text{color:var(--lightest-slate);cursor:pointer;font-family:var(--font-mono);font-size:var(--fz-xxs);letter-spacing:.1em;line-height:var(--fz-lg);margin:20px auto;padding:10px;transition:all .25s;writing-mode:vertical-rl}.email-text:hover{color:var(--green);padding-bottom:15px}.vline{background-color:var(--lightest-slate);display:block;height:90px;margin:0 auto;width:1px}@media (max-width:768px){.right{display:none}}@media (max-width:1080px){.right-container{right:30px}}.content-main{padding:0 150px}@media (max-width:1080px){.content-main{padding:0 100px}}@media (max-width:768px){.content-main{padding:0 20px}}.footer-text{align-items:center;display:flex;justify-content:center;padding:20px 20px 30px;text-align:center}.footer-text a{color:var(--main);font-family:var(--font-mono);font-size:.8rem;transition:all .25s}.footer-text a:hover{color:var(--green)}@media (max-width:768px){.footer-links{align-items:center;display:flex;justify-content:center}}.about-layout{padding-top:200px}#header{margin-bottom:100px;padding-left:20px}.header-title{color:var(--lightest-slate);font-size:4.5rem;font-weight:700;line-height:1.1}.header-description{color:var(--green);font-family:var(--font-mono);font-weight:400;letter-spacing:.7px;line-height:1.5;margin-top:20px}@media (max-width:768px){#header{padding-left:20px}.header-title{word-wrap:normal;font-size:3.5rem;margin:0;padding-left:0}}@media (max-width:350px){.header-title{font-size:3rem}}.contact-layout{min-height:100vh}.about-me-page{margin:0 auto;max-width:1000px;padding:0 150px}.spinner-wrapper{background:var(--navy);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999999}.spinner{height:1.25rem;left:50%;margin:-.625rem 0 0 -1.875rem;position:absolute;text-align:center;top:50%;width:3.75rem}.spinner>div{animation:sk-bouncedelay 1.4s ease-in-out infinite both;background-color:var(--green);border-radius:100%;display:inline-block;height:1rem;width:1rem}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}
/*# sourceMappingURL=main.e86ddee1.css.map*/