*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light dark;font-family:Lato,sans-serif}[data-theme=light]{color-scheme:light;--main-bg-color: #fafafa;--main-text-color: #222222;--scroll-arrow-color: #4c7394;--scroll-arrow-hover: #222222;--project-border: #b2c0d4;--project-border-hover: #4c7394;--toggle-theme-btn-border: #4c7394;--toggle-theme-btn-border-hover: #6992b6;--toggle-theme-btn-bg-color: transparent;--toggle-theme-btn-text: #222222;--box-10px-shadow: #6992b6;--box-20px-shadow: #4c7394;--back-btn-text-color: #222222;--side-menu-border: #b2c0d4;--side-menu-text: #222222;--side-menu-text-hover: #fafafa;--side-menu-bg-color: #fafafa;--side-menu-bg-color-hover: #4c7394;--side-menu-shadow: #a0a0a0;--footer-text-color: #999999;--footer-text-link: #4f85e9;--live-demo-github-link: #004cd8;--hero-btn-text: #fafafa;--hero-btn-about-text: #222222;--hero-btn-about-border: #4c7394;--hero-btn-about-border-hover: #4c7394;--hero-btn-bg-color: #4c7394;--hero-btn-bg-border-color: #4c7394;--hero-btn-bg-border-color-hover: #222222;--hero-btn-bg-color-hover: #222222;--hero-btn-text-hover: #fafafa;--globe-icon-color: #d2e0e7;--link-icon-color: #4c7394;--link-text-color: #222222;--stack-icons-color: #4c7394;--stack-icon-btn-bg-color: #fafafa;--nav-bar-shadow: #bbbbbb;--email-btn-border: #4c7394;--sub-title-color: #4c7394;--back-btn-text-color: #4c7394;--back-btn-text-color-hover: #222222}[data-theme=dark]{color-scheme:dark;--main-bg-color: #1a1b22;--main-text-color: #fafafa;--scroll-arrow-color: #658fb4;--scroll-arrow-hover: #fafafa;--project-border: #2a3242;--project-border-hover: #658fb4;--toggle-theme-btn-border: #658fb4;--toggle-theme-btn-border-hover: #658fb4;--toggle-theme-btn-bg-color: transparent;--toggle-theme-btn-text: #fafafa;--box-10px-shadow: #658fb4;--box-20px-shadow: #658fb4;--back-btn-text-color: #fafafa;--side-menu-border: #2a3242;--side-menu-text: #fafafa;--side-menu-text-hover: #fafafa;--side-menu-bg-color: #1a1b22;--side-menu-bg-color-hover: #658fb4;--side-menu-shadow: #658fb4;--footer-text-color: #7899b6;--footer-text-link: #71a3ff;--live-demo-github-link: #4376d4;--hero-btn-text: #fafafa;--hero-btn-about-text: #fafafa;--hero-btn-about-border: #658fb4;--hero-btn-about-border-hover: #658fb4;--hero-btn-bg-color: #658fb4;--hero-btn-bg-border-color: #658fb4;--hero-btn-bg-border-color-hover: #fafafa;--hero-btn-bg-color-hover: #fafafa;--hero-btn-text-hover: #1a1b22;--globe-icon-color: #223f58;--link-icon-color: #658fb4;--link-text-color: #fafafa;--stack-icons-color: #658fb4;--stack-icon-btn-bg-color: #1a1b22;--nav-bar-shadow: #658fb4;--email-btn-border: #658fb4;--sub-title-color: #658fb4;--back-btn-text-color: #3e4e6d;--back-btn-text-color-hover: #fafafa}html,body{height:100vh;width:100%}i{all:unset}.header-nav-bar{z-index:1000;position:sticky;width:100%;top:0;background-color:var(--main-bg-color)}.project-p{margin-top:2rem}.p1-home,.p1,.p2,.p-default{line-height:1.5rem}.p1-home,.p2,.p1{margin:1.5rem 0;max-width:600px}.p1-home{text-align:center}.opaque-text{line-height:1.8rem}.opaque-logo-text{text-align:center}.opaque-text,.opaque-logo-text{margin:1rem 0;color:var(--sub-title-color)}.icon-btn>span{color:var(--stack-icons-color)}.header-nav-bar,.main-container{display:flex;justify-content:center}.main-container{margin:0 2rem}.link-icon{display:inline-block;color:var(--link-icon-color);padding:.8rem}.link-wrapper{display:flex}.em-text{font-size:1.5rem;font-weight:700;padding:0 .3rem;color:var(--main-text-color)}.education-container,.content-container{min-height:100vh}.site-wrapper{background-color:var(--main-bg-color);color:var(--main-text-color);min-height:100vh;min-width:100%}.education-container,.site-wrapper,.content-container{max-width:1000px}.sub-title{color:var(--sub-title-color)}.live-demo-github{text-underline-offset:.2rem;color:var(--live-demo-github-link)}.education-container,.nav-bar,.content-container{width:100%}.scrolled{box-shadow:0 0 8px var(--side-menu-shadow)}.nav-menu{position:fixed;text-align:center;z-index:1000;top:0;overflow-y:auto;overflow-x:hidden;list-style-type:none;background-color:var(--side-menu-bg-color);box-shadow:0 0 8px var(--side-menu-shadow);height:100%;width:73%}.nav-btn{list-style-type:none}.logo,.theme-btn,.ham-btn{display:flex;align-items:center}.logo{font-size:1.5rem;text-decoration:none;font-weight:700;color:var(--main-text-color)}.theme-btn{grid-column:span 2;justify-content:center}.ham-btn{display:flex;justify-content:end}.menu-logo{padding:2rem 0}.menu-logo>img{padding:1rem}.nav-link{display:flex;justify-content:center;align-items:center;padding:1.6rem 4rem;color:var(--main-text-color);text-decoration:none;gap:.5rem;width:100%}.nav-bar{padding:2rem;display:flex;justify-content:space-between;align-items:center}.breadcrumb{display:flex;align-items:center}.hero-h1{text-align:center;font-size:3rem}.hero-title{display:flex;flex-direction:column;align-items:center;gap:1rem;justify-content:space-between}.profile-img{height:250px;width:250px}.contact-container,.about-container{display:flex;flex-direction:column;align-items:center}.contact-container,.about-content{margin:1rem 0}.contact-h1{text-align:center}.project-container{margin-top:2rem}.project-btn{display:inline-block;border:1px solid var(--project-border);background-color:transparent;color:var(--toggle-theme-btn-text);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;width:100%;height:12rem;text-decoration:none}.profile-img,.contact-h1,.sub-title,.project-title{margin:2rem 0 1.5rem}.back-btn{padding:1rem 1rem 1rem 0;text-decoration:none;color:var(--back-btn-text-color);display:flex;width:fit-content;gap:.5rem}.footer-container{display:flex;justify-content:center}.footer{text-align:center;margin:2rem;color:var(--footer-text-color)}.footer-link{margin:0 .3rem;text-underline-offset:.2rem;color:var(--footer-text-link);font-weight:600}.hamburgerToggle{border:1px solid var(--toggle-theme-btn-border);background-color:var(--toggle-theme-btn-bg-color);color:var(--main-text-color);padding:.2rem .5rem;border-radius:.5rem}.hero-btn-container{display:flex;text-align:center;gap:1rem;margin:0 0 2rem}.hero-image{display:none}.hero-btn-about,.hero-btn{margin:1rem 0;justify-content:center;text-decoration:none;padding:1rem 1.5rem;border-radius:5rem}.hero-btn{border:1px solid var(--hero-btn-bg-border-color);background-color:var(--hero-btn-bg-color);color:var(--hero-btn-text)}.hero-btn-about{color:var(--hero-btn-about-text);border:1px solid var(--hero-btn-about-border)}.edu-wrapper,.stacks-wrapper{border:1px solid var(--project-border);border-radius:1rem;padding:1.5rem}.stacks-wrapper{margin-bottom:3rem}.edu-wrapper{margin-bottom:2rem}.edu-logo{width:100px;height:100px;border-radius:1rem}.edu-logo-container{display:inline-block}.lang-learned-wrapper,.edu-container{gap:1.5rem}.lang-learned{display:inline-block;border:1px solid var(--project-border);padding:.5rem;border-radius:.5rem;margin:.5rem .5rem 0 0}.project-lang{display:flex;flex-direction:column;justify-content:space-between}.live-demo-github-link-wrapper{display:flex;gap:1rem;max-width:fit-content}.globe-icon{color:var(--globe-icon-color)}.certificate-btn{background-color:transparent;border-radius:1rem;border:none;color:var(--stack-icons-color)}.certificate-globe-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.icon-container{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}.icon-btn{display:flex;flex-direction:column;align-items:center;padding:1rem;margin:1rem 0;text-align:center;border-radius:1rem;border:none;background-color:transparent}.stack-icons{margin-bottom:.5rem;font-size:3rem;color:var(--stack-icons-color)}.darkModeToggle{border:1px solid var(--toggle-theme-btn-border);background-color:var(--toggle-theme-btn-bg-color);color:var(--toggle-theme-btn-text);gap:.2rem;padding:.7rem 1rem;display:flex;align-items:center;border-radius:5rem}.toggleThemeText,.email-btn{font-size:1rem}.email-btn{margin-top:1.5rem;display:flex;align-items:center;padding:1rem;gap:.5rem;background-color:transparent;border-radius:1rem;border:1px solid var(--email-btn-border)}.email,.email-btn{color:var(--main-text-color)}.edu-wrapper{display:flex}.links-container-long-text,.links-container{display:flex;justify-content:space-between;gap:1rem;border:1px solid var(--project-border);padding:1rem;border-radius:1rem;margin-bottom:1rem;min-width:100%;text-decoration:none;color:Var(--main-text-color)}.links-container-long-text{display:flex;flex-direction:column;align-items:center}.value-wrap-long-text,.value-wrap{display:flex;align-items:center;gap:.5rem}.key-text{display:flex;align-items:center;gap:.5rem;font-weight:700;margin-right:1rem}.value-text{text-decoration:none;color:var(--link-text-color);text-align:right}.value-icon{color:var(--link-icon-color)}@media(max-width:699px){.hero-btn-container{justify-content:center}.nav-menu{left:0}.education-container,.content-container{margin:2rem 0rem}.hero-image{display:none}}@media(min-width:700px)and (max-width:820px){.links-container-long-text{display:grid;grid-template-columns:1fr 2fr}.value-wrap-long-text{display:flex;justify-content:end}.nav-link{padding:2rem 4rem}.hero-btn-container{justify-content:center}.link-wrapper{display:flex;flex-wrap:wrap}.hero-container{display:flex;justify-content:center}.hero-image{display:block;object-fit:contain;max-width:340px}.icon-container{justify-content:space-between}.education-container,.content-container{margin:2rem 1rem}.nav-menu{left:0}.edu-container{display:flex}}@media(min-width:821px)and (max-width:1024px){.links-container-long-text{display:grid;grid-template-columns:1fr 2fr}.value-wrap-long-text{display:flex;justify-content:end}.nav-link{padding:2.5rem 4rem}.hero-btn-container{justify-content:center}.hero-container{display:flex;justify-content:space-between}.hero-image{display:block;object-fit:contain;max-width:400px}.hero-left{max-width:450px}.icon-container{justify-content:space-between}.education-container,.content-container{margin:2rem}.nav-menu{left:0}.edu-container{display:flex}}@media(min-width:1025px){.links-container-long-text{display:grid;grid-template-columns:1fr 2fr}.value-wrap-long-text{display:flex;justify-content:end}.p1-home{text-align:unset}.p2,.p1,.p1-home,.p-default{opacity:0;animation:fadeInUp 1s ease forwards}.p2{animation-delay:.5s}.links-container,.value-icon,.darkModeToggle,.hamburgerToggle,.project-btn,.email-btn:hover,.certificate-btn{cursor:pointer}.home:hover,.projects:hover,.about:hover,.education:hover,.contact:hover{background-color:var(--side-menu-bg-color-hover)}.home,.project,.about,.contact,.education,.project-btn,.hamburgerToggle,.hero-btn,.hero-btn-about,.darkModeToggle,.email-btn,.edu-wrapper:hover,.nav-menu:hover,.links-container,.links-container-long-text,.value-icon:hover,.link-icon:hover,.stacks-wrapper,.back-btn{transition:all .3s ease-in-out}.back-btn:hover{color:var(--back-btn-text-color-hover)}.nav-menu:hover,.edu-wrapper:hover,.darkModeToggle:hover,.hamburgerToggle:hover,.hero-btn-about:hover,.email-btn:hover,.links-container:hover,.links-container-long-text:hover,.stacks-wrapper:hover{box-shadow:0 0 10px var(--box-10px-shadow)}.project-btn:hover{box-shadow:0 0 15px var(--box-20px-shadow)}.hero-container{display:flex;justify-content:space-between}.hero-image{display:block;object-fit:contain;max-width:450px}.hero-title{flex-direction:row;gap:unset}.skills-container{margin-top:3rem}.nav-link:hover{color:var(--side-menu-text-hover)}.hero-btn:hover{background-color:var(--hero-btn-bg-color-hover);border:1px solid var(--hero-btn-bg-border-color-hover);color:var(--hero-btn-text-hover)}.hero-btn-about:hover{border:1px solid var(--hero-btn-about-border-hover)}.project-btn:hover,.edu-wrapper:hover,.stacks-wrapper:hover{border:1px solid var(--project-border-hover)}.stacks-wrapper{display:flex;flex-direction:column;padding:2.5rem 2rem 1.5rem}.icon-container{justify-content:start;gap:2.9rem}.value-icon:hover,.link-icon:hover{color:var(--main-text-color);transform:scale(1) translateY(-.2rem)}.education-container,.content-container{margin:3rem 1rem 0}.menu-logo{padding:1.5rem 0}.nav-bar{padding:3rem 2rem;z-index:1000;max-width:1065px}.hero-left{max-width:540px}.nav-menu{height:fit-content;border-radius:2rem;margin:8rem 34.6rem;width:28rem;box-shadow:none;border:1px solid var(--side-menu-border)}.nav-btn{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.nav-link{padding:1.5rem 3rem;border-top:1px solid var(--side-menu-border);border-right:1px solid var(--side-menu-border)}.contact{grid-column:span 2}.ham-btn{background-color:transparent}.edu-container{display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}}