@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,400;0,500;1,300&display=swap");:root{--color-primary-accent:#2614c7;--color-primary:#000;--color-button:#3d486c;--color-paragraph:#797979;--color-button-text:#fff;--color-background:#e1e1e1;--color-anchor:#fc5a5a;--color-selected:#fc5a5a;--color-outline:#000;--color-hover:#fc5a5a;--color-bg-main:linear-gradient(90deg,#e1e1e1 1%,#ff7e5f 99%)}[data-theme=dark]{--color-primary-accent:#1e7a71;--color-primary:#fff;--color-button:#1e7a71;--color-paragraph:#8a8a8a;--color-button-text:#000;--color-background:#22212b;--color-anchor:#1e7a71;--color-selected:#2aac9f;--color-outline:#fff;--color-hover:#2aac9f;--color-bg-main:linear-gradient(90deg,#22212b,#2aac9f)}body{background-color:var(--color-background);color:var(--color-primary);font-size:16px;font-family:Poppins,sans-serif}h1,h3,p{margin:0;padding:0}.page-container{height:100%}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#aaa}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2aac9f}input:focus+.slider{box-shadow:0 0 1px #2aac9f}input:checked+.slider:before{transform:translateX(26px)}.slider{border-radius:34px}.slider:before{border-radius:50%}.theme-moon{filter:invert(55%) sepia(100%) saturate(3.5) brightness(118%) contrast(119%)}.theme-sun{filter:invert(28%) sepia(89%) saturate(2476%) hue-rotate(26deg) brightness(118%) contrast(119%);width:1rem}.sun-moon{width:2rem;padding-left:.3rem}.toggle-button{display:flex;flex-direction:column;justify-content:space-between;height:30px;width:30px;background:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box}.toggle-button:focus{outline:none}.toggle-button-line{width:30px;height:4px;background:var(--color-primary)}.side-drawer{height:100%;background:var(--color-background);box-shadow:2px 0 5px rgba(0,0,0,.5);position:fixed;top:0;right:0;width:65%;z-index:300;font-size:64px;padding-right:10px;transform:translateX(100%);transition:transform .3s ease-out}.side-drawer.open{transform:translateX(0)}.backdrop{position:fixed;transform:translate(-20px,-20px);width:200%;height:200%;background-color:rgba(0,0,0,.8);z-index:250;transition:opacity 3s ease-out}.inside-toggle{margin-left:90%;margin-top:30px;height:50px}.burger{margin-left:90%;margin-top:10px}.nav-container{display:flex;height:4rem;flex-direction:row-reverse;margin-top:1rem;padding:1vw}.socials{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:center}.icon{width:4rem}.icon,.navlink{padding:1rem;text-decoration:none;color:var(--color-primary);font-size:2rem}.navlink:hover{cursor:pointer}.current-page{color:var(--color-selected);text-shadow:0 0 6px var(--color-selected)}.main{display:flex;height:80vh;flex-direction:column;justify-content:center;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.main::-webkit-scrollbar{display:none}.hero-background{position:absolute;width:99%;height:80%;background:var(--color-bg-main);z-index:-1;border-top-right-radius:30rem;border-bottom-right-radius:30rem;display:flex;justify-content:center;flex-direction:column;box-sizing:border-box}.my-pic{border:3px solid var(--color-outline);border-radius:50%;box-sizing:border-box;width:16rem;height:15rem;overflow:hidden;margin-left:20%;margin-top:2rem}.about-me{list-style:none;margin-left:15px}.about-me-2{list-style:none;margin-left:25px}.about-me-3{list-style:none;margin-left:35px}.about-name{font-size:3.5em}.about-section{margin-left:15%;font-size:1.2rem}.about-text{width:80%}.about-title{text-decoration:underline}.top-skills{display:flex;flex-wrap:wrap}.skills-icon{width:10rem;padding:1rem}.resume-button{background-color:var(--color-selected);border:none;color:var(--color-background);padding:1rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem;margin-top:8px;margin-left:25%;margin-bottom:10px;width:15%;min-width:60px}.resume-button:hover{background-color:var(--color-hover)}.about-page{font-size:1.2rem;margin:20rem 10% 10%}.projects-page{justify-content:center;font-size:1.2rem;display:flex;flex-wrap:wrap}.project-tile{border:1px solid var(--color-primary);margin:1rem;padding:.5rem;height:30vw;width:45vw;max-height:250px;max-width:400px;position:relative;transition:transform .3s ease-in-out;cursor:pointer}.project-tile:hover{transform:scale(1.5);z-index:10;border:2px solid var(--color-selected)}.project-title{display:flex;justify-content:center;font-size:1.2rem}.modal-tile{display:flex;flex-direction:column;flex-wrap:wrap;margin:20%;z-index:300;background:var(--color-background);border:2px solid var(--color-selected);position:fixed;padding:1rem;border-radius:6px;opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s ease}.modal-tile.show{opacity:1;transform:scale(1)}.github-link,.modal-title{color:var(--color-selected)}.github-link{text-decoration:none}.github-link:hover{color:var(--color-selected);text-shadow:0 0 6px var(--color-selected)}@media only screen and (min-width:320px) and (max-width:948px){.nav-container{flex-direction:column;align-items:flex-end}.hero-background{position:absolute;width:99%;height:85%;background:var(--color-bg-main);z-index:-1;border-top-right-radius:5rem;border-bottom-right-radius:5rem;display:flex;justify-content:center;flex-direction:column;box-sizing:border-box}.icon{width:3rem}.resume-button{border:none;padding:1rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem;margin-left:25%;margin-top:1rem;width:200px;min-width:100px}.navbar{display:none}.switch{width:100px;height:54px}.slider:before{height:48px;width:48px}input:checked+.slider:before{transform:translateX(44px)}.about-page{font-size:1rem;margin-top:50rem}.main{height:85vh}.burger{height:3rem}.modal-tile{width:85vw;margin-left:0}.skills-icon{width:5rem}.top-skills{flex-direction:column}.projects-page{margin-top:50vh;margin-left:20vw}.about-name{font-size:2em}}@media only screen and (min-width:949px){.burger,.side-drawer{display:none}}