:root{--bg-main:#151515;--bg-nav-gradient-start:#111;--bg-nav-gradient-end:#11111500;--text-main:#fff;--text-secondary:#ddd;--text-muted:grey;--accent-gradient-start:#00467f;--accent-gradient-end:#a5cc82;--border-light:hsla(0,0%,100%,.08);--border-medium:hsla(0,0%,100%,.12);--border-focus:hsla(0,0%,82%,.6);--input-placeholder:hsla(0,0%,100%,.45);--input-shadow:hsla(0,0%,43%,.12);--focus-outline:rgba(0,70,127,.25);--header-shadow:#151515}[data-theme=light]{--bg-main:#f9f9f9;--bg-nav-gradient-start:#fff;--bg-nav-gradient-end:hsla(0,0%,100%,0);--text-main:#151515;--text-secondary:#333;--text-muted:#666;--border-light:rgba(0,0,0,.08);--border-medium:rgba(0,0,0,.12);--border-focus:rgba(0,70,127,.4);--input-placeholder:rgba(0,0,0,.45);--input-shadow:rgba(0,0,0,.12);--focus-outline:rgba(0,70,127,.25);--header-shadow:#fff}[data-theme=light] .site-logo{-webkit-filter:invert(1);filter:invert(1)}*{-webkit-touch-callout:none;box-sizing:border-box;font-family:Quicksand,sans-serif;-webkit-user-select:none;user-select:none}body{background-color:#151515;background-color:var(--bg-main);color:#fff;color:var(--text-main);display:flex;flex-direction:column;margin:0;min-height:100vh}.container{-webkit-animation:fadeInAnimation 1.5s ease;animation:fadeInAnimation 1.5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;flex:1 1;margin-left:6rem;margin-right:6rem;margin-top:8rem;padding-bottom:2rem}.timeline-info{font-size:1.3rem;margin-left:auto;margin-right:auto;max-width:50%;padding-bottom:30px;padding-top:30px}.tsparticles{-webkit-animation:fadeInAnimation 3s ease;animation:fadeInAnimation 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;position:absolute;z-index:-1}.nav{align-items:stretch;-webkit-animation:fadeInAnimation 1.5s ease;animation:fadeInAnimation 1.5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;background:linear-gradient(#111,#111,#11111500);background:linear-gradient(var(--bg-nav-gradient-start),var(--bg-nav-gradient-start),var(--bg-nav-gradient-end));display:flex;height:8rem;justify-content:space-between;padding:0 6rem;position:fixed;top:0;width:100%;z-index:10}.nav,.nav-hamburger{color:#fff;color:var(--text-main)}.nav-hamburger{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;background:transparent!important;border:none;cursor:pointer;display:none;font-size:1.25rem;height:3rem;justify-content:center;left:4rem;outline:none;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:3rem}.nav-hamburger:focus{outline:none}.nav-hamburger svg{color:inherit}.nav-hamburger .svg-inline--fa,.nav-hamburger svg{background:transparent!important}.mobile-menu{background:#151515;background:var(--bg-main);gap:2rem;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.mobile-menu,.mobile-menu-links{align-items:center;display:flex;flex-direction:column}.mobile-menu-links{gap:1.5rem}.mobile-menu-links a{color:#fff;color:var(--text-main);font-size:2rem;text-decoration:none}.mobile-menu-socials{display:flex;gap:1.5rem}.mobile-menu-close{background:transparent;border:none;color:#fff;color:var(--text-main);cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.nav a{align-items:center;color:inherit;display:flex;height:100%;padding:.25rem;text-decoration:none}.site-title{font-size:2rem;gap:1rem;justify-content:center;min-width:33.333%}.site-logo{max-height:60%}.site-title:hover{-webkit-filter:drop-shadow(0 0 2px #fff);filter:drop-shadow(0 0 2px white);-webkit-filter:drop-shadow(0 0 2px var(--text-main));filter:drop-shadow(0 0 2px var(--text-main))}.nav-icons{height:1.25rem}.nav-icons:hover{-webkit-filter:drop-shadow(0 0 2px #fff);filter:drop-shadow(0 0 2px white);-webkit-filter:drop-shadow(0 0 2px var(--text-main));filter:drop-shadow(0 0 2px var(--text-main))}.page-links{display:flex;gap:1rem;justify-content:left;list-style:none;margin:0;min-width:33.333%;padding:0}.nav-link{color:#fff;color:var(--text-main);font-weight:700}.nav-link:hover{-webkit-filter:drop-shadow(0 0 2px #fff);filter:drop-shadow(0 0 2px white);-webkit-filter:drop-shadow(0 0 2px var(--text-main));filter:drop-shadow(0 0 2px var(--text-main))}.social-links{display:flex;gap:1rem;justify-content:right;list-style:none;margin:0;min-width:33.333%;padding:0}.container{min-height:calc(100vh - 12rem)}.header{align-items:center;display:flex;-webkit-filter:drop-shadow(0 0 10px #151515);filter:drop-shadow(0 0 10px #151515);-webkit-filter:drop-shadow(0 0 10px var(--header-shadow));filter:drop-shadow(0 0 10px var(--header-shadow));min-height:calc(100vh - 14rem)}.header-description{width:50%}.contact-page{align-items:center;display:flex;justify-content:center;padding-top:6%}.contact-center{font-size:14pt;margin:0 auto;max-width:40rem;text-align:center;width:100%}.contact-center .contact-form input{width:100%}.contact-center .contact-form textarea{max-width:100%}.contact-center .contact-form input,.contact-center .contact-form textarea{background-color:#151515;background-color:var(--bg-main);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-light);border-radius:6px;color:#fff;color:var(--text-main);font-size:12pt}.contact-center .contact-form input::-webkit-input-placeholder,.contact-center .contact-form textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.45);color:var(--input-placeholder)}.contact-center .contact-form input::placeholder,.contact-center .contact-form textarea::placeholder{color:hsla(0,0%,100%,.45);color:var(--input-placeholder)}.contact-center .contact-form button{-webkit-appearance:none;appearance:none;background:#151515;background:var(--bg-main);border:1px solid hsla(0,0%,100%,.12);border:1px solid var(--border-medium);border-radius:6px;color:#ddd;color:var(--text-secondary);cursor:pointer;font-size:12pt;padding:.6rem 1rem}.contact-center .contact-form button:hover{background:#ddd;background:var(--text-secondary);color:#151515;color:var(--bg-main)}.contact-center .contact-form button:focus{outline:2px solid hsla(0,0%,100%,.12);outline:2px solid var(--border-medium);outline-offset:2px}.contact-center .contact-form input:focus,.contact-center .contact-form textarea:focus{border-color:hsla(0,0%,82%,.6);border-color:var(--border-focus);box-shadow:0 0 0 4px hsla(0,0%,43%,.12);box-shadow:0 0 0 4px var(--input-shadow);outline:none}.header-prefix{color:#ddd;color:var(--text-secondary);font-size:1.9rem;margin:0}.header-name{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(left,var(--accent-gradient-start),var(--accent-gradient-end));-webkit-background-clip:text;font-size:4rem;font-weight:700;margin:0}.header-title{color:#ddd;color:var(--text-secondary);font-size:1.8rem;margin:0}.header-images{display:flex;justify-content:center;width:50%}.header-bio{font-size:1.2rem;margin-bottom:0;margin-top:1.2rem}.header-button{align-items:center;color:#ddd;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:.8rem;height:2rem;padding:0;text-decoration:none;width:-webkit-max-content;width:max-content}.header-button:hover{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(left,var(--accent-gradient-start),var(--accent-gradient-end));-webkit-background-clip:text}.header-links{display:flex;gap:2rem;padding-top:1rem}.skills-text{-webkit-animation:flyout 5s ease;animation:flyout 5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;font-size:1rem}.footer-section{align-items:center;-webkit-animation:fadeInAnimation 1.5s ease;animation:fadeInAnimation 1.5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;background:linear-gradient(hsla(0,0%,7%,0),#111,#111);background:linear-gradient(hsla(0,0%,7%,0),var(--bg-nav-gradient-start),var(--bg-nav-gradient-start));display:flex;height:4rem;justify-content:center;position:relative;width:100%;z-index:50}.theme-toggle{background:none;border:none;color:#fff;color:var(--text-main);cursor:pointer;font-size:1rem;margin-left:10px;opacity:.5;padding:0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.theme-toggle:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.footer-text{color:grey;color:var(--text-muted);display:flex;gap:.4rem;justify-content:center}.footer-text:hover>.footer-heart{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(left,var(--accent-gradient-start),var(--accent-gradient-end));-webkit-background-clip:text}@media (max-width:800px){.nav{height:6rem;padding:0 3rem}.nav-hamburger{display:flex;left:auto;right:3rem}.nav-link{display:none!important}.site-logo{max-height:50%}.site-title{justify-content:flex-start;left:3rem;min-width:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.header-images,.social-links{display:none}.header-description{width:100%}.header-prefix{font-size:1.5rem}.header-name{font-size:3rem}.header-title{font-size:1.5em}.header-bio{font-size:1rem}.header-button{font-size:1.2rem;gap:.4rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-top:1rem}.container{margin-left:3rem;margin-right:3rem;margin-top:8rem;min-height:calc(100vh - 12rem);padding-bottom:6rem}.timeline-info{font-size:1.2rem;margin-left:auto;margin-right:auto;max-width:100%;padding-bottom:10px;padding-top:0}.contact-center{max-width:100%}.footer-section{justify-content:center;padding-top:5rem}.footer-text{font-size:.8rem}.nav-icons{height:1rem}}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes flyout{0%{font-size:1rem;opacity:100%}to{font-size:4rem;opacity:0}}@keyframes flyout{0%{font-size:1rem;opacity:100%}to{font-size:4rem;opacity:0}}.projects-page{padding-bottom:4rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.project-card{background:#151515;background:var(--bg-main);border:1px solid hsla(0,0%,100%,.12);border:1px solid var(--border-medium);border-radius:12px;box-shadow:0 0 6px hsla(0,0%,100%,.12);box-shadow:0 0 6px var(--border-medium);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}[data-theme=dark] .project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,30,.6)}[data-theme=light] .project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8)}.project-card:hover{border-color:hsla(0,0%,82%,.6);border-color:var(--border-focus);box-shadow:0 10px 20px hsla(0,0%,100%,.12);box-shadow:0 10px 20px var(--border-medium);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.project-image-container{align-items:center;background:#f5f5f5;border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--border-light);display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.project-image{height:100%;object-fit:contain;padding:1rem;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%}.project-card:hover .project-image{-webkit-transform:scale(1.05);transform:scale(1.05)}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.project-title{color:#fff;color:var(--text-main);font-size:1.5rem;margin-bottom:.5rem;margin-top:0}.project-description{flex-grow:1;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.project-button,.project-description{color:#ddd;color:var(--text-secondary)}.project-button{align-self:flex-start;background:#151515;background:var(--bg-main);border:1px solid hsla(0,0%,100%,.12);border:1px solid var(--border-medium);border-radius:6px;font-weight:700;padding:.6rem 1.2rem;text-decoration:none;transition:background-color .3s ease,color .3s ease}.project-button:hover{background:#ddd;background:var(--text-secondary);border-color:transparent;color:#151515;color:var(--bg-main)}@media (max-width:800px){.projects-grid{grid-template-columns:1fr;padding:0 1rem}}
/*# sourceMappingURL=main.d0e088ae.css.map*/