@import"https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap";:root[data-theme=light]{--primary-color: #f2f2f2;--secondary-color: #474747;--tertiary-color: #73e730;--background-color: #fefefe;--font-color: #0a0a0a;--opacity-color: rgba(242, 242, 242, .65)}:root[data-theme=dark]{--primary-color: #0a0a0a;--secondary-color: #9a9a9a;--tertiary-color: #73e730;--background-color: #111111;--font-color: #f2f2f2;--opacity-color: rgba(10, 10, 10, .65)}.navbar{padding-top:1rem;position:fixed;top:0;left:0;width:100%;z-index:1000}.navbar__container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 2rem}.navbar__logo{width:50px;height:50px;border-radius:9999px;object-fit:cover;border:1px solid var(--secondary-color)}.navbar__logo:hover{cursor:pointer}.navbar__links,.navbar__settings{display:flex;justify-content:center;align-items:center;padding:0 2rem;gap:1rem;border:1px solid var(--secondary-color);border-radius:9999px;background-color:var(--opacity-color);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);height:50px;min-height:50px}.navbar__links{width:23rem}.navbar__links--link{text-decoration:none;color:var(--font-color);font-weight:600;transition:color .3s ease}.navbar__links--link:hover{color:var(--tertiary-color)}.navbar__settings{width:6rem}.navbar__settings button{border:none;background-color:transparent;color:var(--font-color);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:9999px;width:40px;height:40px;transition:background-color .3s ease;font-weight:600}.navbar__settings button:hover{background-color:var(--primary-color)}.footer{display:flex;color:var(--font-color);justify-content:start;gap:2rem}.footer__container{gap:1rem;width:300px}.footer__container__icons{display:flex;gap:1rem}.footer__container img{height:40px;width:40px;border-radius:9999px;object-fit:cover;border:1px solid var(--secondary-color)}.footer__container img:hover{cursor:pointer}.footer__container a{text-decoration:none;color:var(--tertiary-color)}.footer__general,.footer__work{display:flex;flex-direction:column;gap:1rem}.footer__general ul,.footer__work ul{margin:0;padding:0;list-style:none}.footer__general li,.footer__work li{margin-bottom:.5rem}.footer__general a,.footer__work a{color:var(--font-color);text-decoration:none;transition:color .3s ease}.footer__general a:hover,.footer__work a:hover{color:var(--tertiary-color)}.fade-in{opacity:1;transition:opacity .5s ease-in}.fade-out{opacity:0;transition:opacity .5s ease-out}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:var(--font-color);text-align:center;cursor:default}.home__title h1{font-size:5rem;margin-bottom:0}.home__title h2{margin-top:0;font-size:3rem;font-weight:400}.home__description{color:var(--secondary-color);font-weight:500;height:5rem}.home__buttons{display:flex;flex-direction:row;gap:3rem}.aboutme{display:flex;flex-direction:column;padding-top:100px;height:100vh}.aboutme h1{color:var(--font-color);font-size:2rem}.aboutme__container{display:flex;justify-content:space-between;height:100%;gap:2rem}.aboutme__container__text{color:var(--secondary-color);max-width:50%;gap:1rem}.aboutme__container__text p{margin:0;margin-bottom:1rem}.aboutme__container__info--contact{color:var(--font-color);display:flex;gap:1rem}.aboutme__container__info img{border-radius:1rem;width:600px;height:auto}.experience_section,.stack_section{display:flex;flex-direction:column;height:100vh}.experience_section h2,.stack_section h2{color:var(--font-color)}.stack_section{gap:1rem}.stack_section__icons svg{width:60px;height:60px}.experience{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;color:var(--font-color)}.experience__date{grid-column:1/3}.experience__data{color:var(--secondary-color);grid-column:3/7}.experience__data h3{color:var(--font-color)}.experience hr{grid-column:1/-1;border:none;border-top:1.5px solid var(--secondary-color);margin:1em 0}.techstack{display:flex;flex-direction:column;gap:1.5rem}.techstack__title{color:var(--secondary-color)}.techstack__icons{display:flex;flex-direction:row;gap:1.5rem}.techstack hr{border:none;border-top:1.5px solid var(--secondary-color);margin:1em 0}.projects{display:flex;flex-direction:column;padding:100px 0;height:fit-content}.projects h1{color:var(--font-color);font-size:2rem}.projects__project{display:flex;flex-direction:column;justify-content:center;gap:2rem}.project_component{display:grid;grid-template-columns:repeat(6,rf);align-items:center;gap:2rem;color:var(--font-color)}.project_component__image{grid-column:1/2}.project_component__image img{width:300px;height:auto}.project_component__info{grid-column:2/7;display:flex;flex-direction:column;min-height:200px;max-width:1100px}.project_component__info__stack{display:flex;gap:1rem}.project_component__info__stack span{padding:.3rem 1rem;border:1px solid var(--secondary-color);border-radius:999px;color:var(--secondary-color)}.project_component__info__description{flex-grow:1;line-height:1.5;color:var(--secondary-color)}.project_component__info__links{display:flex;gap:1rem}.contact{display:flex;flex-direction:column;padding-top:100px;height:100vh}.contact h1{color:var(--font-color);font-size:2rem}.contact__fields{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;color:var(--font-color)}.contact__fields__name{display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.contact__fields__name--name{display:flex;flex-direction:column;gap:.5rem}.contact__fields__name--name input{background-color:var(--primary-color);font-size:16px;font-family:Epilogue,sans-serif;color:var(--font-color);border-radius:5px;border:1px solid var(--secondary-color);width:550px;height:30px}.contact__fields__name--email{display:flex;flex-direction:column;gap:.5rem}.contact__fields__name--email input{background-color:var(--primary-color);font-size:16px;font-family:Epilogue,sans-serif;color:var(--font-color);border-radius:5px;border:1px solid var(--secondary-color);width:550px;height:30px}.contact__fields__message label{display:flex;flex-direction:column;gap:.5rem}.contact__fields__message label textarea{background-color:var(--primary-color);font-size:16px;font-family:Epilogue,sans-serif;color:var(--font-color);border-radius:5px;border:1px solid var(--secondary-color);width:auto;height:300px;resize:none}.contact__fields__button button{border:none;background:var(--tertiary-color);padding:1rem 2rem;border-radius:999px;font-family:Epilogue,sans-serif;font-size:16px;font-weight:600;color:var(--font-color);cursor:pointer;transition:all .3s}.contact__fields__button button :active{transform:scale(95)}.blog{display:flex;flex-direction:column;padding-top:100px;height:100vh}.blog h1{color:var(--font-color);font-size:2rem}.blog__container{display:flex;flex-direction:column;gap:1.5rem}.preview{display:flex;flex-direction:column;background-color:var(--primary-color);border-radius:1rem;gap:1rem;padding:1rem 2rem}.preview__date{display:flex;flex-direction:row;align-items:center;gap:.5rem;color:var(--secondary-color)}.preview__date p{padding:0}.preview__title{color:var(--font-color)}.preview__preview{color:var(--secondary-color);font-size:15px}.preview__topics{display:flex;gap:1rem;padding-top:1.5rem}.preview__topics span{padding:.3rem 1rem;border:1px solid var(--font-color);border-radius:999px;background-color:var(--background-color);color:var(--font-color)}.preview__read a{text-decoration:none;font-weight:600;color:var(--font-color);cursor:pointer}.blogpost{display:flex;flex-direction:column;padding:100px 200px;height:auto}.blogpost__title{color:var(--font-color)}.blogpost__title h1{font-size:2rem}.blogpost__content{color:var(--secondary-color);font-size:1.2rem;line-height:2rem}.blogpost__content a{color:var(--secondary-color);text-decoration:none;font-weight:600;transition:color .3s ease}.blogpost__content a:hover{color:var(--tertiary-color)}.blogpost__content img{width:100%;height:auto;border-radius:1rem}body{margin:1.5rem 3rem;width:full;display:flex;justify-content:center;align-items:center;font-family:Epilogue,sans-serif;background-color:var(--background-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app{width:1200px}