header{background-color:var(--color-dark);font-size:xx-large;padding-top:.5rem;padding-bottom:.5rem;position:fixed;top:0;width:100%;transition:all .3s ease;z-index:1000;border-bottom:#c24d2c 2px solid}@media screen and (max-width: 768px){header{padding-top:0rem;padding-bottom:0rem;font-size:.9em}}header.shrink{padding-top:0rem;padding-bottom:0rem;font-size:.9em}.header-rightside{display:flex;justify-content:space-evenly;gap:1rem}.header-rightside li{display:flex}.header-icons{display:flex;justify-content:center;align-items:center;padding-top:.2rem;gap:.8rem}nav{display:flex;justify-content:space-between;padding:0 3rem}nav ul{list-style-type:none;padding:0;display:flex;align-items:center}nav ul li a{color:var(--color-light);text-decoration:none;font-weight:700;cursor:pointer}nav ul li a:hover{color:var(--color-accent)}.profile-photo{display:flex;justify-content:center}.profile-photo img{max-width:200px;max-height:300px;flex:1 1 33.333%;border-radius:2rem;margin-top:2.5rem}.about-me{display:flex;justify-content:center;flex-direction:column}.about-me h1{font-size:2em;padding-top:2rem}.easter-egg{display:flex;justify-content:center;margin:-2rem}.easter-egg p{font-size:xx-small}.about-me h2{padding-bottom:2rem}.about-me-paragraph{text-align:center;white-space:pre-line;text-wrap:normal;margin:0 auto;padding:1rem}.project-card{display:flex;background-color:var(--color-secondary);color:var(--color-light);padding:3rem;margin-bottom:2rem;border-radius:2rem;border:#c24d2c 2px solid;justify-content:space-between;flex-direction:column;box-shadow:var(--color-secondary) 2px 2px 10px 2px}.projects h2{padding:1rem}.project-card h3{font-size:xx-large}.project-card p{line-height:1.5;white-space:pre-line}.project-github-link{background-color:var(--color-dark);color:var(--color-light);border:none;padding:.5rem 1rem;border-radius:2rem;cursor:pointer;text-decoration:none}.project-info h3{gap:2rem}.project-card .project-info a:hover{background-color:var(--color-accent);color:var(--color-light)}.project-image-link{display:flex;justify-content:center}.project-image-link img{max-height:50%;max-width:80%;border-radius:2rem;margin-top:2rem;border:#d9dad7 .75px solid}.project-image-link img:hover{transform:scale(1.025);transition:all .3s ease;border:#c24d2c 2px solid}.contact{display:flex;justify-content:center}.contact-info{display:flex;justify-content:center;gap:6rem}.contact-block{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:normal;padding:1rem}.contact-copy{padding:1rem;text-align:center}.contact{display:flex;justify-content:space-between;flex-direction:column}.contact-email{display:flex;gap:1rem;align-items:center;color:var(--color-dark);text-decoration:none}.contact-email span{font-size:large;text-decoration:none}.contact-email:hover{color:var(--color-accent)}:root{--color-light: #d9dad7;--color-accent: #c24d2c;--color-secondary: #3e4a61;--color-dark: #1a2639;--border-radius: 2rem;--padding: .5rem 1rem;--transition: all .3s ease}body{font-family:helvetica now,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;background-color:var(--color-light);color:var(--color-dark);margin:0;padding:0;font-size:18px;background-color:#d9dad7;background-image:url(https://www.transparenttextures.com/patterns/axiom-pattern.png)}.App{min-height:100vh;display:flex;flex-direction:column}.home{padding:10rem 2rem 3rem;max-width:80rem;margin:auto}main{flex-grow:1;padding:2rem}h1,h2{color:var(--color-accent);display:flex;justify-content:center}p{line-height:1.5;font-size:x-large}#section{scroll-margin-top:5rem;padding:1rem}.divider{border-top:2px solid var(--color-accent);margin:2rem 0}button{background-color:var(--color-dark);color:var(--color-light);border:none;padding:.5rem 1rem;border-radius:2rem;cursor:pointer}button:hover{background-color:var(--color-accent);color:var(--color-light)}.back-to-top-button{position:fixed;bottom:5rem;right:5rem;background-color:var(--color-light);color:var(--color-secondary);border:solid 1px var(--color-secondary);padding:.5rem 1rem;border-radius:2rem;cursor:pointer}footer{background-color:var(--color-dark);color:var(--color-light);text-align:center;margin-top:auto}footer p{opacity:.75;font-size:medium}.hidden{display:none}.vertical-divider{border-left:2px solid var(--color-light);height:100%}@media (max-width: 768px){.desktop-only{display:none}.contact-info{flex-direction:column;align-items:center;padding:0;gap:1rem}}@media screen and (min-width: 768px){.mobile-only{display:none}}@media (max-width: 480px){.home{padding:10rem .5rem 3rem;margin:auto}#section{scroll-margin-top:5rem;padding:.1rem}.profile-photo img{max-width:75%;max-height:75%}.contact-copy,.project-info{text-align:center}.project-info p{text-align:left}}