:root{scroll-behavior:smooth;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html,body,#root{margin:0;padding:0}.about-me{box-sizing:border-box;background-color:#603fa3;height:100dvh;margin:0;padding:19rem 5rem 5rem}.about-me h1{color:#fff;margin:0;font-size:2.7rem}.about-me p{color:#b7a8d6;font-size:1.2rem}.button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #b7a8d6;border-radius:2.5rem;min-width:10rem;min-height:2.5rem;font-size:1rem}.contact{background-color:#603fa3;padding:3rem;scroll-margin-top:3.5rem}.contact h3{color:#fff;margin:0;font-size:1.7rem}.contact h4{color:#fff}.contact p,.contact a{color:#b7a8d6}ul{margin:0;padding:0;list-style:none}.sidebar{margin:0}.mainNavBar{box-sizing:border-box;z-index:1000;background-color:#32234f;border:0;justify-content:center;align-items:center;width:100%;min-height:3.5rem;margin:0;display:flex;position:fixed;top:0;left:0;right:0}.mainNavBar ul{justify-content:space-between;width:100%;margin:0;padding:0;display:flex}.mainNavBar li{text-align:center;flex:1}.mainNavBar a{color:#766c89;text-decoration:none}.mainNavBar a:hover{color:#a39cb0}.mainNavBar a:active{color:#fff}.main-nav-bar-selected{background-color:#fff;width:25%;height:4px;transition:left .3s ease-in-out;position:absolute;bottom:0;left:0}.main-nav-bar-selected--about-me{left:0}.main-nav-bar-selected--portfolio{left:25%}.main-nav-bar-selected--qualifications{left:50%}.main-nav-bar-selected--contact{left:75%}.popup{z-index:1001;background-color:#32234f;border-radius:10px;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00000080}.popup h2{color:#fff}.popup p{color:#a29cb0}.popup-links{justify-content:flex-start;gap:20px;display:flex}.portfolio{flex-direction:column;scroll-margin-top:3.5rem;display:flex}.portfolio h3{color:#fff;font-size:1.8rem}.portfolio p{color:#aeaed8;font-size:1.1rem}.project{flex-direction:row;height:40dvh;padding:1rem;display:flex;overflow:hidden}.project-info{flex-direction:column;justify-content:center;padding:2rem;display:flex}.project-buttons{gap:1rem;display:flex}.project-image{object-fit:cover;object-position:center;border-radius:.1rem;flex-shrink:0;width:40dvw;height:100%;display:block}@media (width<=768px){.project{flex-direction:column;height:auto;padding:1rem}.project-image{width:100%;height:40dvh}}.project-bar{background-color:#bb4d93;flex-direction:row;justify-content:center;gap:1rem;padding:.5rem 1rem 0;display:flex}.project-category{color:#e0afcd;cursor:pointer;background-color:#0000;border:none;padding:.5rem 0;font-size:1rem}.select-bar--project-selected{background-color:#fff;height:4px;transition:background-color .3s ease-in-out}.select-bar--project-unselected{background-color:#0000;height:4px;transition:background-color .3s ease-in-out}.qualifications{background-color:#bb4d93;padding:4rem;scroll-margin-top:3.5rem}.qualifications h3{color:#fff;margin:0;font-size:1.7rem}.qualifications p{color:#e0afcd;font-size:1.02rem}.qualifications-grid{background-color:#bf5696;grid-template-columns:auto auto;display:grid}.qualification{box-sizing:border-box;border:1px solid #c86fa5;flex-direction:row;gap:1.5rem;padding:2.6rem;display:flex}.qualification h3{font-size:1.1rem}.qualification-icon{box-sizing:border-box;background-color:#fff;border-radius:50%;width:2.7rem;height:2.7rem;padding:.25rem}@media (width<=768px){.qualifications-grid{grid-template-columns:auto}}