:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#3c3a3ade;background-color:#f6f1f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background: #f6f1f1;--border-radius-10: 10px;--heading-font: "Shadows Into Light", cursive}#app{max-width:1280px;margin:0 auto;text-align:center;display:flex;flex-direction:column}.shadows-into-light-regular{font-family:Shadows Into Light,cursive;font-weight:400;font-style:normal}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}header{position:fixed;top:0;width:100%;z-index:2;background-color:var(--background);padding:10px 0}nav{display:flex;justify-content:space-around;background-color:var(--background);width:100%;top:0;padding:7px 2px;z-index:2;position:relative}.nav-menu{margin:10px auto;display:flex;flex-direction:row;align-items:center}ul{list-style-type:none;text-align:center;background-color:var(--background)}a{text-decoration:none;color:#870d5c;font-weight:200;font-size:1rem;margin:0 2px}li a{font-size:1.1rem;padding:6px}li a:hover{text-decoration:underline}body{font-family:IBM Plex Sans,sans-serif;display:flex;flex-direction:column;margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:2rem;margin:6px 0;text-align:left;color:#870d5c}h2{font-size:3em;line-height:1.1;color:#870d5c;font-family:var(--heading-font)}h3{font-size:3rem}h4{font-size:.9rem;font-weight:500}p{font-size:1.25rem;font-weight:200}.heroWrapper{display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:85px}.heroImg{width:200px;height:200px;border-radius:50%;margin:auto;justify-content:center}.textWrapper{display:flex;flex-direction:column;margin:10px auto 30px;text-align:center}.heroSubText{font-size:1.5rem;font-weight:400;color:#363636;margin:3px 0}.contactLinkHero{font-size:20px;margin-top:10px;color:#a90c72;text-align:center;cursor:pointer;margin-left:0}.contactLinkHero:hover{text-decoration:underline}.aboutMeWrapper{display:flex;flex-direction:column;justify-content:left;width:90%;margin:0 auto}.aboutMeText{margin:10px auto;text-align:left}.techStackList{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:90%;max-width:550px;margin:30px auto 40px}.techStackItem{background:#b44d90;color:#f1f1f1;border-radius:var(--border-radius-10);padding:5px 10px}.techStackLearningItem{background:#828a83;color:#f1f1f1;border-radius:var(--border-radius-10);padding:5px 10px}.link-container .projects-heading{margin-bottom:60px}#about,#techStack,#projects,#contact{scroll-margin-top:90px;margin-top:40px}.project-card{display:flex;flex-direction:column;justify-content:flex-start;padding:8px;margin-bottom:1rem;text-align:center;width:280px;background-color:#fcfcfc;box-shadow:0 1px 20px #00000040;transition:box-shadow .3s ease;position:relative;height:290px;overflow:hidden}.project-card img{width:100%;height:210px}.project-card h2{font-size:2.5rem;margin:.1rem 0;text-align:center;font-family:var(--heading-font)}.project-card p{font-size:1rem;text-align:left;margin:2px 12px;padding:6px 10px}.project-card a{color:#870d5c;text-decoration:none}.project-card a:hover{text-decoration:underline}.projects-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:30px}.description-container{height:100%;padding:10px 5px;background-color:#fbe4e4;position:absolute;left:0;right:0;top:0;z-index:1;display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .5s ease}.project-card:hover .description-container{opacity:1}.link-container{width:100%;display:flex;justify-content:space-around;padding:10px 0 25px}.contactLinkWrapper{display:flex;justify-content:space-around;flex-wrap:wrap;margin:20px auto;max-width:500px}.contactLink{font-size:1.3rem;color:#870d5c;text-align:center;border:1px solid #870d5c;border-radius:10px;padding:5px 10px;width:130px}.contactLink:hover{background:#b44d90;color:#f1f1f1;text-decoration:none}footer{margin:15px auto;text-align:center;color:#870d5c}@media (min-width: 768px){.project-card:hover .description-container{display:block}}@media (max-width: 767px){.description-container{display:none}.project-card.show-description .description-container{display:block}}@media only screen and (min-width: 600px){li a{font-size:1.5rem;padding:6px 12px}.heroWrapper{margin:95px auto 0}.aboutMeText{width:85%;margin-left:60px}}@media only screen and (min-width: 800px){body{margin-top:100px}.nav-menu{gap:60px}a{font-size:1.2rem;margin:0 15px}li a{font-size:1.5rem;padding:6px 12px}h1{font-size:3.3rem}h4,p{font-size:1.25rem}#about,#projects,#contact,#section-2-tech,#section-2-cv{scroll-margin-top:90px;max-width:900px}.heroWrapper{flex-direction:row;width:80%;margin:15px auto 0}.textWrapper{margin:10px auto 30px;text-align:left}.heroSubText{font-size:1.5rem;font-weight:400;color:#363636;margin:3px 0}.contactLinkHero{margin-top:10px;text-align:left}.aboutMeText{margin-left:80px}}@media only screen and (min-width: 1000px){.aboutMeText{margin-left:90px}}