.About{background:var(--theme-component-bg);border:var(--theme-component-bg-border);border-radius:1.15rem;margin:4rem 0;padding:4rem 10%;box-shadow:var(--theme-component-bg-shadow-dark),var(--theme-component-bg-shadow-light),var(--theme-component-bg-shadow-light-accent)}.page-header{margin-top:0}.bio{text-align:left}.bio-image{text-align:center;float:left;margin:0;margin-right:1.25rem}.Contacts{background:var(--theme-component-bg);border:var(--theme-component-bg-border);border-radius:1.15rem;margin:4rem 0;padding:4rem 7.5%;box-shadow:var(--theme-component-bg-shadow-dark),var(--theme-component-bg-shadow-light),var(--theme-component-bg-shadow-light-accent)}.Contacts .main{display:flex;align-items:center}.Contacts .outro{text-align:left;max-width:60%;padding-right:1rem}.Contacts .links{margin-top:2rem;flex:1 0 40%}.Contacts span{padding:.5rem 1rem}.Contacts span+span{text-align:center;border-left:solid .5px grey}.Footer{background:var(--theme-footer-bg);color:var(--theme-footer-color);display:flex;flex-direction:column;justify-content:center;min-height:7rem;width:100%}.nav-item{position:relative;height:100%;width:100%}.nav-item button{background-color:transparent;border-radius:.25rem;border:0;height:100%;width:100%;cursor:pointer;transition:.4s}.nav-item button:focus{outline-style:none}.nav-item:hover>button,.nav-item button:focus{background:var(--theme-nav-hover-bg);color:var(--theme-nav-hover-text);box-shadow:var(--theme-nav-hover-box-shadow);text-shadow:0 0 1.75rem var(--theme-nav-hover-text)}.nav-accent{position:absolute;bottom:.35rem;left:0;background-color:var(--theme-nav-hover-accent-color);border-radius:75%;height:1.5px;width:0;margin-left:calc((100% - var(--theme-nav-hover-accent-width)) / 2);cursor:pointer;transition:.4s}.nav-item:hover>.nav-accent,.nav-item button:focus+.nav-accent{width:var(--theme-nav-hover-accent-width)}.NavBar{height:86%;width:42%}.NavBar ul{list-style-type:none;display:flex;align-items:center;margin:0;padding-left:0;padding-right:var(--header-padding-x);height:100%}.Header{background:var(--theme-header-bg);-webkit-backdrop-filter:var(--theme-header-bg-blur);backdrop-filter:var(--theme-header-bg-blur);display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:fixed;top:0;height:var(--layout-header-height);width:100%;z-index:1}.Landing{display:flex;flex:1 0 100vh;align-items:center;justify-content:center}.Landing p{font-weight:700}.Landing h1{font-size:3.2rem}.ProjectCard{background:var(--theme-component-bg);border:var(--theme-component-bg-border);border-radius:.75rem;margin:1.5rem 0;padding:3.25rem;padding-left:var(--layout-project-card-padding);box-shadow:var(--theme-component-bg-shadow-dark),.1rem -.1rem .3rem #212a3a,var(--theme-component-bg-shadow-light-accent)}.ProjectCard .content{display:flex;flex-direction:row;align-items:center;height:100%}.ProjectCard section.screenshots{display:flex;justify-content:center;align-items:center;padding-right:var(--layout-project-card-padding);width:30%}.ProjectCard .screenshots img{border:1px dashed grey;width:100%;max-width:100%}.ProjectCard section.info{display:flex;flex-direction:column;padding-left:var(--layout-project-card-padding);width:70%}.ProjectCard .description{text-align:left}.ProjectCard h2{margin-top:0}.ProjectCard span{padding:.4rem .65rem;text-align:center}.ProjectCard span+span{border-left:solid .8px #06060686}.Projects{display:flex;flex-direction:column;align-items:center;height:fit-content;margin:4rem 0;padding:4rem .5rem 2.75rem;background:var(--theme-component-bg);border-radius:1.15rem;border:var(--theme-component-bg-border);box-shadow:-.5rem .5rem 1rem #181719 inset,.5rem -.5rem 1rem #212a3a inset,var(--theme-component-bg-shadow-light-accent)}.TechCard{display:inline-block;position:relative;z-index:0;text-align:center;border:1px solid transparent;border-radius:.75rem;height:fit-content;width:fit-content;margin:.6rem;padding:1.25rem}.tech-card-bg{position:absolute;top:0;left:0;opacity:100%;z-index:-1;background:linear-gradient(20deg,#e6e6fa38,transparent 50.71%),linear-gradient(200deg,#e6e6fa38,transparent 54.71%),linear-gradient(70deg,#e6e6fa18,transparent 52.71%),linear-gradient(250deg,#e6e6fa18,transparent 52.71%);border:inherit;border-radius:inherit;box-shadow:-.6rem .6rem 1.5rem #111010,.1rem -.1rem .3rem #212a3a,.15rem -.15rem .4rem #111010d9 inset,-.15rem .15rem .4rem #8fa4ccd9 inset;height:100%;width:100%;transition:.65s ease-in}.TechCard:before{content:"";position:absolute;top:0;left:0;opacity:0%;z-index:-1;border-radius:inherit;background:linear-gradient(20deg,#454597a3,transparent 50.71%),linear-gradient(200deg,#454597a3,transparent 54.71%),linear-gradient(70deg,#45459783,transparent 52.71%),linear-gradient(250deg,#45459783,transparent 52.71%);border:1px solid #6e7ef260;box-shadow:.15rem -.15rem .4rem #8fa4cc90 inset,-.15rem .15rem .4rem #8fa4cc90 inset,0 0 .6rem #6e7ef218 inset,0 0 3rem #6e7ef240 inset,0 0 1rem #4663c9,0 0 1rem #4663c9 inset;filter:drop-shadow(0 0 1rem #3258dd90);height:100%;width:100%;transition:.65s ease-in}.TechCard:hover .tech-card-bg{opacity:0%;transition:.65s ease-out}.TechCard:hover:before{opacity:100%;transition:.65s ease-out}.TechCard img{filter:drop-shadow(.15rem -.15rem .225rem #e6e6fa38) drop-shadow(-.15rem .15rem .225rem #111010d1);object-fit:contain;transition:.65s ease-in}.TechCard:hover>img{filter:drop-shadow(.15rem -.15rem .25rem #5e6ac7bf) drop-shadow(-.15rem .15rem .25rem #36475cbf) drop-shadow(0 0 .15rem #171b20db);transition:.65s ease-out}.TechCard p{display:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}.TechCard p.hovered{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(.15rem -.15rem .25rem #000000b0) drop-shadow(-.15rem .15rem .25rem #000000b0)}.Tech{background:var(--theme-component-bg);border:var(--theme-component-bg-border);border-radius:1.15rem;margin:4rem 0;padding:4rem 7.5%;box-shadow:var(--theme-component-bg-shadow-dark),var(--theme-component-bg-shadow-light),var(--theme-component-bg-shadow-light-accent)}.Tech .tech-section+.tech-section{margin-top:2rem}.Tech .card-tray{border-radius:1.15rem;border:var(--theme-component-bg-border);padding:1rem;box-shadow:-.5rem .5rem 1rem #181719 inset,.5rem -.5rem 1rem #212a3a inset,var(--theme-component-bg-shadow-light-accent)}#root{text-align:center;margin:0 auto;padding:0;height:100vh;width:100%}.App{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;width:100%}main{display:flex;flex-direction:column;max-width:1024px;width:80%}.logo{margin:0;padding:var(--layout-header-padding);font-size:var(--layout-banner-heading-size)}.logo{padding:1.25rem;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}@media screen and (max-width:600px){.App{flex:1 1 100px}.ProjectCard{flex-direction:column}.vr{display:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:var(--theme-base-bg);color:var(--theme-base-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--layout-banner-heading-size: x-large;--layout-header-height: 7.25%;--layout-header-padding-x: 2rem;--layout-header-padding-y: 1.5rem;--layout-header-padding: var(--layout-header-padding-y) var(--layout-header-padding-x);--layout-header-padding-x-offset: calc(2 * var(--layout-header-padding-x));--layout-project-card-padding: 1.25rem}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:2.8rem;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:dark){html{--theme-base-bg: #171b20;--theme-base-text: whitesmoke}a:hover{color:#747bff}}@media(prefers-color-scheme:light){html{--theme-base-bg: #ffffff;--theme-base-text: #213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}.vr{background:radial-gradient(circle,#06060686,#0000);height:83%;width:1.35px}