@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}#root{height:100vh;width:100%;display:flex;flex-direction:column;position:relative;font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}#homepage{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;justify-content:center;align-items:center;padding:2rem;height:100%;overflow:hidden}#hero-container{grid-column-start:1;grid-column-end:4;grid-row-start:3;grid-row-end:3;position:relative;z-index:2;height:100%;padding:2rem}#hero-title{font-size:1.5rem;margin-bottom:2rem;line-height:1.2;color:#adff2f}#hero-name{font-size:6rem;color:#fff}#hero-image-container{grid-column-start:3;grid-column-end:5;grid-row-start:1;grid-row-end:5;display:none;justify-content:center;align-items:center;height:100%;overflow:hidden}#hero-image{height:auto;max-width:100%;object-fit:contain}.hero-buttons{display:flex;justify-content:start;align-items:center;list-style:none}.hero-buttons li a{display:flex;justify-content:center;align-items:center;margin-right:1rem;padding:.75rem;color:#000;background-color:#fff;border-radius:.3rem;text-decoration:none;font-size:1.5rem}.hero-buttons li a:hover{background-color:#adff2f}.hero-buttons .icon{display:flex;margin-right:.5rem}.resume-icon,.github-icon,.linkedin-icon{width:2rem;height:2rem;fill:#000}.page-swap-wrapper{position:absolute;bottom:2%;right:50%}.page-swap-buttons{list-style:none}.arrow-down-icon{width:4rem;height:4rem;fill:#fff}main{flex:1;overflow:hidden}header{display:flex;align-items:center;min-height:3.5rem;width:100%;background-color:#242424;box-shadow:0 .1rem .5rem #00000040}nav{min-height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;padding-left:2rem}nav ul{display:flex;align-items:center}nav li{display:flex;align-items:center;margin-right:1rem}nav li a{text-decoration:none;color:#fff}nav .page-link{display:inline;position:relative;margin-right:3rem;padding-bottom:.1rem}nav .page-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:.2rem;bottom:0;left:0;background-color:#adff2f;transform-origin:bottom-right;transition:transform .25s ease-out}nav .page-link:hover:after{transform:scaleX(1);transform-origin:bottom left}.nav-social{justify-content:start}.nav-pages{justify-content:end}.nav-social .github-icon,.nav-social .linkedin-icon{height:32px;width:32px;fill:#fff}footer{display:flex;justify-content:center;align-items:center;min-height:1.5rem;width:100%;background-color:#242424;position:fixed;bottom:0;display:none}#copyright-notice{font-size:.6rem;color:#fff}#aboutpage{display:grid;grid-template-columns:1fr 2fr;justify-content:center;align-items:start;gap:2rem;padding:2rem;height:100%}#about-image-container{grid-column:1;display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}#about-portrait{height:auto;max-width:100%;object-fit:contain}#about-info-container{grid-column:2;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:2rem;padding:2rem;position:relative;height:100%;overflow-y:auto}.about-page-titles{font-size:2rem;padding-bottom:2rem;text-align:center}.about-title-color{color:#adff2f}.about-page-texts{font-size:1.2rem;padding-bottom:1rem;text-align:start}#knowledge-buttons{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;list-style:none;padding:2rem 0rem}#knowledge-buttons li a{display:flex;justify-content:center;align-items:center;text-decoration:none;color:#ffffffde;fill:#adff2f}#knowledge-buttons .icon{display:flex;margin-right:.5rem}#projects-page{display:grid;grid-template-columns:1fr;justify-content:center;align-items:start;padding:0rem 2rem;height:100%;text-align:center}#projects-container{text-align:start;display:flex;flex-direction:column;justify-content:start;align-items:center;position:relative;height:100%;overflow-y:auto;padding:2rem 0rem}#projects-title{font-size:2rem;padding-bottom:1rem}.projects-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:2rem;padding:0rem 1rem}.project-container{border-radius:.3rem}.project-info{display:flex;flex-direction:column;justify-content:space-between;padding:1rem;height:25rem}.project-title{text-align:center;font-size:1.25rem;margin-bottom:1rem;color:#adff2f}.project-tools ul{display:flex;list-style:none;padding:1rem 0rem}.project-tools ul li{font-size:.7rem;color:#000;background-color:#ffffffde;padding:.5rem 1rem;margin-right:1rem;border-radius:.3rem}.project-link{display:flex;justify-content:start;align-items:center;list-style:none}.project-link li a{display:flex;justify-content:center;align-items:center;text-decoration:none;color:#000;background-color:#ffffffde;padding:.5rem 1rem;border-radius:.3rem;margin-right:1rem}.project-link li a:hover{background-color:#adff2f}.project-link .icon{display:flex;margin-right:.3rem;width:2rem}.project-link{display:flex}.project-image{width:100%;height:auto}#contactpage{height:100%}#contact-page-content{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;height:100%}#contact-page-title{font-size:2rem;padding:2rem}.contact-form-wrapper{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;align-items:start}#contact-form,#contact-info{width:100%;height:100%;padding:2rem}.form-group{display:flex;flex-direction:column;margin-bottom:2rem;width:100%}.form-group-wrapper{display:flex;width:100%;justify-content:space-between}.form-title{margin-bottom:.5rem}.contact-input-field{padding:1rem;border-radius:.3rem;border:none;outline:none;background-color:#a9a9a9;color:#242424;font-family:Inter,sans-serif;font-weight:400}.contact-input-field:focus{background-color:#ffffffde}#contact-name{margin-right:1rem}#contact-text{resize:none}#contact-button{width:25%;text-decoration:none;color:#000;background-color:#ffffffde;padding:1rem 2rem;border-radius:.3rem;outline:none;border:none;font-family:Inter,sans-serif;font-weight:400;cursor:pointer}#contact-button:hover{background-color:#adff2f}.contact-info{padding:2rem}#appreciation-page{display:flex;flex-direction:column;justify-content:start;align-items:center;height:100%;padding:2rem 2rem 0rem}