@import"https://fonts.googleapis.com/css2?family=Genos:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Style+Script&display=swap";.footer{background-color:#333;padding:15px;color:#fff;text-align:center;width:100vw;margin-top:auto;overflow:hidden}.footer-content{max-width:90%;margin:0 auto;padding:0 15px;display:flex;justify-content:center;align-items:center;height:1.5rem}.footer-links{margin-left:30px;text-align:center;display:flex}.footer-links a{color:#61dafb;margin:0 15px;text-decoration:none;display:flex;flex:none;justify-content:center;align-items:center;transition:.3s}.footer-links a:hover{text-decoration:underline}.navbar{background-color:transparent;display:flex;justify-content:center;align-items:center;max-width:90%;margin:0 auto;position:relative}.navbar-logo{display:flex;justify-content:center;align-items:center;margin-right:auto}.navbar-logo-icon{height:100px;width:100px}.navbar-logo-text{font-family:Style Script,cursive;font-weight:400;font-style:normal;font-size:2.2rem}.desktop-links{display:flex;align-items:center;list-style:none;height:1rem;padding:0;z-index:1;transition:all .5s}.navbar-list-item{margin:0 1rem;list-style-type:none}.navbar-list-item img{height:3rem}.navbar-list-item a{color:#fff;text-decoration:none;font-size:1.3rem;display:flex;justify-content:center;align-items:center;transition:all .3s}.navbar-list-item a.active p{color:#f7924a;transform:scale(1.1)}.navbar-list-item a p{font-size:1.3rem}.navbar-list-item a:hover{box-shadow:0 -4px #fff inset}.toggle-menu{cursor:pointer;display:none;background:none;border:none;color:#fff;position:absolute;right:1rem;top:1rem}@media screen and (max-width: 850px){.desktop-links{display:none}.toggle-menu{display:block;z-index:10}.mobile-links{display:flex;justify-content:start;flex-direction:column;align-items:center;position:fixed;top:0;right:0;background-color:#333;width:250px;height:100%;padding:5rem 0;margin:0;list-style:none;z-index:1}.navbar-list-item{list-style-type:none}.navbar-list-item a{transition:all .3s}.navbar-list-item a,.navbar-list-item a:hover,.navbar-list-item a p,.navbar-list-item a p:hover{display:flex;justify-content:center;align-items:center;width:100%;text-decoration:none;color:#fff;padding:0rem;font-size:1.5rem}.navbar-list-item a:hover{box-shadow:0 -4px #fff inset}}:root{--primary-box-shadow: 7px 7px 7px rgba(0, 0, 0, .3);--color-white: #fafafa;--color-black: #121212;--color-grey: #333;--color-orange: #f7924a;--color-blue: #61dafb;--button-gradient: linear-gradient( 45deg, red, orange, yellow, green, blue, indigo, violet )}html,body{scroll-behavior:smooth;font-family:Roboto,sans-serif;margin:0;padding:0;background:linear-gradient(45deg,#222,#111);overflow-x:hidden;overscroll-behavior:none;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:100%;z-index:-101}.fixed-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#000000bf,#00000080),url(/assets/Site-Background-DkfycU6Q.webp);background-repeat:no-repeat;background-position:top;background-size:cover;background-attachment:fixed;transform:scaleX(-1);z-index:-100}.home,.about,.education,.projects{text-align:center}main{display:flex;margin:auto;min-width:90%}h1,h2,h3,h4{font-weight:400;color:var(--color-white)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{color:var(--color-white);font-size:1rem}a{text-decoration:none;outline:none}.content{max-width:90vw;margin:auto;flex:1}.home{font-family:Inter,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;max-width:50%;margin:0 auto 5rem}.home-heading{font-size:3rem;font-weight:600;color:var(--color-orange);margin-bottom:1rem}.home-description{font-size:1.3rem}.not-found{font-family:Inter,sans-serif;min-height:80vh;max-width:50%;margin:0 auto 5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.not-found-code{margin:0;font-size:5rem;font-weight:600;line-height:1;color:var(--color-orange)}.not-found-heading{margin:.5rem 0;font-size:2.5rem}.not-found-description{margin:0 0 1.5rem;font-size:1.3rem}.not-found-link{color:var(--color-white);font-size:1.1rem;padding:.65rem 1.2rem;border:2px solid var(--color-white);border-radius:8px;transition:all .3s}.not-found-link:hover{color:var(--color-black);background:var(--color-white)}.about{text-align:center;margin:auto}.about-section{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.about-list{width:100%;display:flex;justify-content:space-between;padding:0;list-style:none}.about-item{padding:0 2rem;width:40%}.about-item img{height:6.5rem;margin-top:1rem}.about-item h2{margin:.5rem 0}.about p{margin:0 1rem 1rem;padding:.5rem;font-size:1.3rem;max-width:900px;text-align:left;line-height:1.5}.core-competencies{text-align:center}.competencies-section{display:flex;justify-content:center;align-items:center}.core-competencies-title{font-size:2rem;margin:2rem 0}.core-competencies-list{margin:0 1rem 2rem;padding:1rem;list-style:none;display:flex;flex-direction:column;flex:1;text-align:left;line-height:1.4}.core-competencies-item{color:var(--color-white);display:flex;align-items:center;padding:.3rem}.core-competencies-item img{height:3rem}.core-competencies-item p{margin-left:.5rem;font-size:1.2rem}.developer-icons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex:1;padding:0;margin:0 auto 2rem}.developer-icon{list-style:none}.developer-icon img{text-decoration:none;height:100px;padding:1rem}.resume{margin-bottom:3rem;background-color:transparent;display:flex;justify-content:center;align-items:center}.resume-button{color:var(--color-white);font-size:1.2rem;padding:15px 20px;border:none;outline:none;cursor:pointer;position:relative;z-index:0;border-radius:15px}.resume-button:after{content:"";z-index:-1;position:absolute;width:100%;height:100%;background-color:var(--color-grey);left:0;top:0;border-radius:10px}.resume-button:before{content:"";background:var(--button-gradient);position:absolute;top:-2px;left:-2px;background-size:600%;z-index:-1;width:calc(100% + 4px);height:calc(100% + 4px);filter:blur(8px);animation:glow 20s linear infinite;transition:opacity .3s ease-in-out;border-radius:10px;opacity:0}.resume-button:hover:before{opacity:1}.resume-button:active:after{background:transparent}.resume-button:active{color:var(--color-grey);font-weight:700}.resume-button:focus,.resume-button:active{outline:none;border:none}.education{min-height:85vh}.education-list{display:flex;justify-content:center;flex-wrap:wrap;margin:2rem auto 3rem;max-width:1500px}.education-card{background-color:var(--color-grey);margin:1rem 2rem;text-align:center;height:auto;width:700px;border-radius:15px;box-shadow:var(--primary-box-shadow);display:flex;flex-direction:column;align-items:center;border:.1px solid #363535}.education-name,.education-school,.education-description{color:var(--color-white)}.education-card-1,.education-card-2,.education-card-3{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem}.education-name{width:100%;font-size:1.6rem;padding-top:1rem;margin:0}.education-school{font-size:1.3rem;margin:.25rem}.education-description{font-size:1.2rem;line-height:1.2;margin:auto;padding-bottom:1rem}.education-img{height:150px;width:150px}.education-img img{height:100%;width:100%;object-fit:contain;border-radius:50%;box-shadow:var(--primary-box-shadow)}.projects{margin:3rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 1rem;min-height:80vh}.project-card{background-color:#3339;text-align:center;border-radius:15px;box-shadow:7px 7px 7px #0000004d;display:flex;justify-content:center;align-items:center;flex-direction:column;border:.1px solid #363535}.project-links{display:flex;flex-direction:column;margin-bottom:1rem}.project-links a{display:flex;align-items:center;text-decoration:none;font-size:1.1rem;margin:.5rem 0;color:var(--color-orange)}.project-links a svg{margin-left:.4rem}.project-tags{margin-bottom:1rem}.project-tags span{margin:.5rem;padding:.2rem .4rem;background-color:var(--color-orange);color:var(--color-grey);border-radius:15px;font-size:1rem;font-weight:600;transition:opacity .3s ease-in .3s}.project-description h2{margin:.5rem 0 0;font-size:1.6rem;font-weight:500}.project-description p{font-size:1rem;padding:0 1rem}.project-image img{width:95%}.feature-list{padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.feature-list-item{list-style:none;font-size:1rem;color:var(--color-white)}.project-github{text-align:center;margin:2rem auto;grid-row:2;grid-column:2}.project-github a{text-align:center;color:var(--color-orange);font-size:1.2rem;text-decoration:none;transition:color .3s ease-in-out}.project-github a:hover{color:var(--color-white)}.scroll-to-top{display:flex;justify-content:center;align-items:center;cursor:pointer;position:fixed;font-size:1.2rem;right:25px;bottom:55px;height:50px;width:50px;background-color:var(--color-grey);color:var(--color-white);outline:none;border:none;border-radius:50%;transition:all 1s;opacity:0;pointer-events:none}.scroll-to-top.active{opacity:1;pointer-events:auto}@media screen and (max-width: 1500px){.home,.not-found{width:95vw;margin-left:auto;margin-right:auto}}@media screen and (max-width: 1300px){.navbar{margin:1rem auto}.navbar-logo-text{display:none}}@media screen and (max-width: 1200px){.fixed-background{background-attachment:scroll}.content{width:100vw}.navbar-logo{justify-content:center;align-items:center;margin-left:auto;margin-right:auto}.home{width:100vw;flex-direction:column}.not-found{width:100vw;max-width:100%;padding:0 1.5rem;box-sizing:border-box}.not-found-code{font-size:4.2rem}.not-found-heading{font-size:2.2rem}.not-found-description{font-size:1.2rem}.developer-icon img{text-decoration:none;height:70px;padding:1rem}.about-list{display:flex;flex-direction:column}.about-item{width:100%;display:flex;flex-direction:column;padding:0 0 2rem;margin:0 auto}.about-item h2{margin:0}.about-item p{flex:70%}.competencies-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.projects{margin-top:3rem;grid-template-columns:repeat(2,1fr)}.project-github{grid-column:1 / -1;grid-row:3}}@media screen and (max-width: 1020px){.education-img,.education-img img{display:none}}@media screen and (max-width: 850px){.about-item{padding:0}.core-competencies-title{margin:1rem auto 0}.core-competencies-list{padding:0}.core-competencies-item{font-size:1.2rem}.education-list{display:flex;flex-direction:column;justify-content:center;align-items:center}.education-card{max-width:550px;margin-bottom:1rem;margin-left:auto;margin-right:auto}.developer-icon img{text-decoration:none;height:60px;padding:1rem}.projects{grid-template-columns:repeat(1,1fr)}.project-github{grid-column:1 / -1;grid-row:4}.footer-content p{font-size:1.2rem}}@media screen and (max-width: 600px){.navbar{margin:1rem auto 0}.navbar-logo{justify-content:center;align-items:center;margin-left:auto;margin-right:auto}.navbar-logo-icon{height:70px;width:70px}.not-found-code{font-size:3.2rem}.not-found-heading{font-size:1.9rem}.not-found-description{font-size:1.05rem}.not-found-link{font-size:1rem;padding:.55rem 1rem}.about-list{margin:1rem 0 0;padding:0}.about-item{width:100%;margin:0 auto;padding:0}.about-item h2{margin-top:0}.education-card{max-width:85vw;margin:0 auto 1rem}.education-card-1,.education-card-2,.education-card-3{padding:0 .5rem 1rem}.education-name{line-height:1}.education-description{line-height:1.2}.footer-content p{font-size:.8rem}}@keyframes glow{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}
