h1{color:#ff9fe5;font-family:Poppins,sans-serif;font-weight:600;font-size:3rem}h2{color:#73648a;font-family:Poppins,sans-serif;font-weight:500;font-size:2.5rem}h3{color:#ff9fe5;font-family:Poppins,sans-serif;font-weight:350;font-size:1.3rem}h4{color:#ffd4d4;font-family:Inter,sans-serif;font-weight:300;font-size:1rem}h5{color:#e8e9f3;font-family:Inter,sans-serif;font-weight:200;font-size:1rem}p{color:#ffd4d4;font-family:Inter,sans-serif;font-weight:100;font-size:1rem}html,body{margin:0;padding:0;width:100%;height:100%;background-color:#202020}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#202020;width:100%;margin-bottom:0}.navbar-right{display:flex;align-items:center;padding:20px}.navbar-left{display:flex;align-items:left;padding:20px}.nav-button{background-color:#202020;border:none;color:#ffd4d4;text-align:center;text-decoration:none;display:inline-block;font-size:16px;left:0;border-radius:25px;padding:20px}.nav-button:hover{color:#ff9fe5}.aboutme{background-color:#202020;color:#ffd4d4;padding:20px;width:100%;margin-top:0;box-sizing:border-box;overflow-x:hidden}.aboutme h2{position:relative;transform:translateY(91%);font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:1.5rem;text-align:left;padding:0 1rem;z-index:1;background-color:#202020;width:15%;margin-top:0;white-space:nowrap}.image-and-text{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;width:100%;align-items:flex-start}.left-hand-side{flex:0 0 300px}.right-hand-side{flex:1;margin-left:2rem}.headshot{width:100%;max-width:300px;height:auto;border-radius:1rem}.right-hand-side p{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;font-family:Inter,sans-serif}.aboutme-border{border:2px solid #73648A;padding:2rem;border-radius:1rem;position:relative;z-index:0}.education{background-color:#202020;color:#ffd4d4;padding:20px;width:100%}.education-list{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;width:100%;align-items:flex-start;justify-content:center;gap:6rem}.logo{width:100%;max-width:500px;height:auto;max-height:210px;border-radius:1rem}.education-card{flex:1 1 300px;min-width:280px;max-width:500px}.subject-and-grade{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-right:.5rem}.subject-and-grade p,.subject-and-grade h5{margin:0}.honours{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-right:.5rem;gap:20px}.honours p,.honours h5{margin:0}.education-card{padding:20px;word-wrap:break-word;overflow-wrap:break-word;flex-wrap:wrap}.collapsible-container{border:1px solid #888;border-radius:8px;padding:1rem;margin:1rem 0 .5rem;background-color:#202020;color:#ffd4d4;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5}.collapsible-header{display:flex;justify-content:space-between;align-items:center}.toggle-button{background-color:#202020;border:none;color:#ffd4d4;text-align:center;text-decoration:none;display:inline-block;font-size:16px;left:0;border-radius:25px;padding:20px}.projects{background-color:#202020;color:#ffd4d4;padding:20px;box-sizing:border-box;overflow-x:hidden}.project-list{display:flex;align-items:center;flex-wrap:wrap;width:100%;align-items:flex-start}.generate-logo{width:30vw;max-width:15rem;height:auto;aspect-ratio:15 / 4.5;border-radius:1rem;background-color:#fff;z-index:1}.generate-border{border:2px solid #73648A;padding:2rem;width:100%;border-radius:1rem;position:relative;z-index:0}.github-icon{background-color:#fff;color:#000;border-radius:50%;padding:6px}.github-icon:hover{background-color:#ff9fe5;transform:scale(1.1)}.project-and-picture{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;width:100%;gap:2rem}.description{flex:1 1 300px;min-width:280px;max-width:100%}.picture{flex:1 1 300px;max-width:100%;display:flex;justify-content:center;margin-left:0}.three-stones-pic{width:90%;max-width:600px;height:auto;z-index:1;object-fit:cover;border-radius:1rem}.project-pair{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:20px}.project-one{width:50%;padding-right:1rem}.project-two{width:50%}.icon-list{display:flex;flex-direction:row;width:100%;gap:20px}.AA-pic{width:60%;max-width:400px;height:auto;border-radius:1rem;z-index:1}.SAA-pic{width:90%;max-width:1000px;height:auto;border-radius:1rem;z-index:1}