button{cursor:pointer;border:none;padding:.6rem 1rem;font-weight:400}.small-button{font-size:1rem}.medium-button{font-size:1.2rem}.dark-button{background-color:var(--text);color:var(--background)}.dark-button:hover{background-color:var(--text-hover)}.light-button{background-color:var(--primary);outline:2px solid var(--text);color:var(--text)}@media screen and (width>=768px){button{padding:1rem 1.6rem;font-size:.8rem}}@media screen and (width>=1024px){button{padding:1rem;font-size:1.2rem}}.navbar{background-color:var(--background);z-index:2;flex-direction:row;justify-content:space-between;align-items:center;width:90%;height:9vh;padding-left:5%;padding-right:5%;display:flex;position:fixed;top:0;left:0}.navbar a,.navbar p{cursor:pointer;color:var(--text);margin:0;text-decoration:none}.navbar .navbar-name{font-weight:500}.navbar #section-links{text-align:left;background-color:var(--background);flex-direction:column;width:100vw;position:absolute;top:0;right:0}.navbar #section-links a{border-bottom:1px solid var(--text);padding-top:2vh;padding-bottom:2vh;padding-left:1rem;font-size:2rem}.navbar #section-links a:hover{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.navbar #section-links #exit-icon{aspect-ratio:1;cursor:pointer;height:4vh;position:absolute;top:2vh;right:5vw}#greeting-nav{flex-direction:row;align-items:center;gap:1rem;display:flex}#menu-icon{aspect-ratio:1;cursor:pointer;height:4vh}#my-icon-dark,#my-icon-light{aspect-ratio:1;height:3rem}#light-toggle,#dark-toggle{display:none}@media screen and (width>=768px){.navbar{height:15vh}.navbar #section-links{border:none;flex-direction:row;align-items:center;gap:5vw;width:auto;display:flex;position:relative}.navbar #section-links a{border-bottom:none;font-size:1.1rem}.navbar #section-links a:first-of-type{margin:0}.navbar #section-links #exit-icon{display:none}.navbar-name{font-size:1.5rem;display:block}#my-icon{height:4rem;display:block}#menu-icon,#exit-icon{display:none}}@media screen and (width>=1024px){.navbar #section-links a{font-size:1.25rem}#light-toggle,#dark-toggle{aspect-ratio:1;cursor:pointer;height:8vh;display:block}#section-links .hidden{display:none}.navbar-name{font-size:2rem}}#about{background-color:var(--secondary);flex-direction:column;justify-content:flex-start;align-items:center;padding:2vh 0;display:flex}.bio-text{width:95%}.bio-text h1{color:var(--text);font-size:1.6rem;font-weight:500}.bio-text p,.bio-text a{color:var(--text);font-size:1.1rem;line-height:2rem}.bio-pic{aspect-ratio:1;flex-shrink:1;max-width:60%;display:none}@media screen and (width>=768px){#about{flex-direction:row;justify-content:center;gap:8vw;padding:10vh 0}.bio-text{width:80%}}@media screen and (width>=1024px){.bio-pic{height:50vh;display:block}.bio-text{width:30%}.bio-text h1{font-size:2rem;font-weight:600}}#projects{flex-direction:column;align-items:center;display:flex}#spotlight-container{flex-direction:row;justify-content:center;align-items:center;width:100vw;margin:5vh 0;display:flex}.spotlight{flex-direction:column;justify-content:flex-start;align-items:center;width:95%;display:flex}.spotlight-image,#capstone,#zelda{width:95vw}.spotlight-text{font-size:1.2rem}.button-container{flex-direction:row;gap:1rem;text-decoration:none;display:flex}.project-icons{flex-flow:wrap;justify-content:flex-start;gap:1vw;width:100%;margin-top:3vh;display:flex}.tech-icon{aspect-ratio:1;width:12vw}#spotlight-arrow-right,#spotlight-arrow-left{color:var(--text);cursor:pointer;align-items:center;width:5vw;height:100%;font-size:3rem;display:none}#spotlight-arrow-left{flex-direction:row-reverse}#spotlight-arrow-right:hover,#spotlight-arrow-left:hover{font-size:4rem;transition:all 1s}#spotlight-index{flex-direction:row;display:flex}#spotlight-index p{cursor:pointer;margin:0;padding:2rem;font-family:Arial,Helvetica,sans-serif;font-size:2rem}#devfit{aspect-ratio:1073/737}#enuts{aspect-ratio:2880/1630;border:1px solid var(--text)}@media only screen and (width>=1024px){#spotlight-container{justify-content:space-between}.spotlight{flex-direction:row;justify-content:center;align-items:center;gap:5vw;width:90vw}.spotlight-image,#capstone,#zelda{width:50vw}.spotlight-text{width:25vw}.tech-icon{width:4vw}#spotlight-arrow-left,#spotlight-arrow-right{display:flex}#spotlight-index{gap:2vw}#spotlight-index p{margin:1rem;padding:0;font-size:1.3rem}}#writing{background-color:var(--accent);flex-direction:column;align-items:center;padding:2vh 0;display:flex}.card-container{flex-direction:column;align-items:center;gap:4vh;width:100%;display:flex}.card{flex-direction:column;align-items:center;width:80vw;padding-bottom:5vh;display:flex}.card p{width:65%;height:28%;margin-top:0;font-size:1.1rem;line-height:1.6rem}.card-icon{width:5rem;height:5rem;margin-top:3rem}.card-button{color:var(--text);width:175px}.card1{background-color:var(--primary)}.card1 button{background-color:var(--primary);outline:1px solid var(--off-primary)}.card2{background-color:var(--secondary)}.card2 button{background-color:var(--secondary);outline:1px solid var(--off-secondary)}.card3{background-color:var(--accent)}.card3 button{background-color:var(--accent);outline:1px solid var(--off-accent)}#sample-container{align-self:center;margin-top:15vh;padding:2vw}#sample-container p,#sample-container h1,#sample-container a{color:var(--text)}#sample-container li{line-height:1.8rem}@media screen and (width>=768px){#writing{flex-direction:row-reverse;justify-content:center;gap:8vw;padding:10vh 0}.card{width:350px;height:450px}.card-container{flex-flow:wrap;justify-content:center;gap:2vw}#sample-container{background-color:var(--accent);width:650px;margin:20vh 0 5vh;padding:50px}}@media screen and (width>=1024px){#sample-container{width:900px}}@media screen and (width>=1400px){#sample-container{width:1150px}}#contact{background-color:var(--contact);text-align:center;flex-direction:column;align-items:center;margin-top:10vh;padding:7vh 0 5vh;display:flex}#contact h1{font-size:2rem}#contact h1,#contact a,#contact p{color:var(--background)}#contact .hidden{display:none}#contact-info{flex-direction:column-reverse;justify-content:center;align-items:center;gap:5vw;width:100%;margin-top:2vh;display:flex}#contact-header{margin:0}#contact-message{width:80%;font-size:1.2rem}#socials,#socials-dark{flex-direction:row;align-items:center;gap:10vw;display:flex}.social-icon{aspect-ratio:1;height:8vh}@media screen and (width>=768px){#contact-message{width:40%}#contact-info{flex-direction:row}#socials,#socials-dark{gap:2vw}.social-icon{height:5vh}}body,html,:root{scroll-behavior:smooth;background-color:var(--background);margin:0;font-family:Montserrat,sans-serif;font-size:16px}body p,body h1,body a,html p,html h1,html a,:root p,:root h1,:root a{color:var(--text)}:root{--background:white;--primary:#fde2e4;--off-primary:#fdb4c1;--secondary:#e2ece9;--off-secondary:#aec6b3;--accent:#dfe7fd;--off-accent:#adbbcf;--text:#143642;--text-hover:#1b2e36;--contact:#1b2e36}[data-theme=dark]{--background:#000e14;--primary:#1f2742;--off-primary:#575d72;--secondary:#2f1e1e;--off-secondary:#635757;--accent:#081c15;--off-accent:#465550;--text:#f1f2f2;--text-hover:white;--contact:#a98467}#preloader{background:var(--background);z-index:9999;width:100vw;height:100vh;position:fixed;top:0}#preloader.fade-out{opacity:0;pointer-events:none;transition:opacity .5s ease-out}#greeting{z-index:1;flex-direction:column;justify-content:space-evenly;align-items:center;margin:12vh 0;padding:0 3vw;display:flex;position:relative}section{scroll-margin-top:15vh}.section-header{color:var(--text);text-align:center;margin-top:5vh;font-size:2rem}.hidden{display:none}.flex{display:flex}.greeting-text{justify-content:center;width:80vw;display:block}.greeting-text h1{font-size:3rem;font-weight:500}.greeting-text p{color:var(--text);width:60vw;font-size:1.5rem}#greeting-buttons{display:none}#cover-portrait{aspect-ratio:3024/4032;flex-shrink:1;height:60vh;margin-top:12vh;display:none}#mobile-pic{aspect-ratio:1;width:80vw;margin-top:5vh}#quote{text-align:center;display:none}@media screen and (width>=576px){.greeting-text p{width:70%}}@media screen and (width>=768px){#greeting{flex-direction:row;justify-content:center;gap:10vw;margin-bottom:0}.accent-background-strip{background-color:var(--primary);z-index:0;width:100%;height:60vh;position:absolute;top:15vh;left:0}.greeting-text{width:auto;max-width:50vw;margin-bottom:10vh}.greeting-text p{width:100%}#greeting-buttons{flex-direction:column-reverse;display:flex}#cover-portrait{display:block}#mobile-pic{display:none}#quote{width:60%;height:33vh;margin-left:20%;display:block}#quote p{margin-top:10vh;font-size:2.5rem}}@media screen and (width>=1024px){#greeting-buttons{flex-direction:row}}
/*# sourceMappingURL=index.1a100a0e.css.map */
