#root{height:100%;width:100%;margin:0;padding:0}body{background-color:#d6f5ff;background-image:url(/HTML-Portfolio/images/website_background.jpg);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:center;min-width:1000px}.body-box{display:flex;flex-direction:column;gap:2rem;padding:1rem;min-width:625px;max-width:1500px;margin-top:5rem}.page-content{display:flex;justify-content:center}.body-box{display:flex;flex-direction:column;gap:2rem;padding:1rem;min-width:625px;max-width:1500px}h2{color:#153b50;font-family:Shrikhand,"serif";font-size:40px;font-style:normal;font-weight:700;line-height:normal}h3{color:#000;font-family:Inter,"sans-serif";font-size:18px;font-style:normal;font-weight:700;line-height:normal}header{background:#bb3030;box-shadow:0 3px 2px #00000040;width:100%;position:fixed;z-index:1001;min-width:1000px}.nav-link{color:#f2eded;font-family:Shrikhand,serif;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.nav-link:hover{color:#153b50!important}.nav-link:focus{color:#153b50}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:transparent}.red-box{display:flex;justify-content:center;background-color:#bb3030;box-shadow:0 3px 2px #00000040}footer{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer-box{display:flex;flex-direction:row;align-items:center;gap:.25rem;text-decoration:none;color:#153b50;border:1px solid transparent;transition:border-color .3s ease}.footer-box:hover{font-weight:700}.footer-boxsvg{margin-bottom:0}.footer-boxspan{font-size:14px}.footer-boxa{text-decoration:none;color:#000}.footer-box.active{background-color:transparent}.slideshow{max-width:1000px;position:relative;margin:auto}.slides{display:none}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:#fff;font-weight:700;font-size:18px;transition:.4s ease;-webkit-user-select:none;user-select:none;background-color:transparent;border-color:transparent}.prev{left:0;border-radius:0 3px 3px 0}.next{right:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:#000c}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.active,.dot:hover{background-color:#717171}.fade{animation-name:fade;animation-duration:1.5s;animation-fill-mode:forwards}@keyframes fade{0%{opacity:0}to{opacity:1}}.name-pic-box{display:flex;margin-top:5rem;align-items:center;width:100%;padding:1.5rem}.name{display:flex;flex-direction:column}.big-name{color:#153b50;font-family:Shrikhand,serif;font-size:10rem;text-align:left}.photo{width:600px;height:400px}.about-me-box{display:flex;flex-direction:row;border-radius:10px;background:#b6ccd8;padding:1.5rem;align-items:center;gap:1.5rem;margin-top:2rem}#about-me{font-family:Inter,"sans-serif"}.intro-paragraph{color:#000;font-family:Inter,"sans-serif";font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:1rem}.skills-title{font-family:Shrikhand,serif;font-size:24px;font-style:normal;font-weight:700;line-height:normal}.skills-text{color:#000;font-family:Inter,"sans-serif";font-size:16px;font-style:normal;font-weight:400;line-height:normal}#skills-box{flex-direction:column;align-items:flex-start;gap:0}.resume{background:#bb3030;border-radius:.25rem;border:0;padding:.5rem;font-family:Inter,"sans-serif";font-size:16px;font-style:normal;font-weight:700;line-height:normal;display:flex;flex-direction:row;gap:.5rem;align-items:center;cursor:pointer;box-shadow:0 5px #999}.resume:hover{background:#153b50}.resume:active{background:#153b50;box-shadow:0 3px #666;transform:translateY(2px)}a{text-decoration:none}@media (max-width: 1300px){.album{flex-direction:column}}.button-block{display:flex}.button-block a{color:#fff}.big-box{border-radius:10px;background:#b6ccd8;padding:1.5rem;display:flex;flex-direction:column;gap:3rem}p{color:#000;font-family:Inter,"sans-serif";font-size:1rem;font-style:normal;font-weight:400;line-height:normal;margin-bottom:.5rem}.mcgill-box{display:flex;flex-direction:column;gap:2rem}.mcgill-upper{display:flex;flex-direction:row;justify-content:space-between}li{color:#000;font-family:Inter,"sans-serif";font-size:1rem;font-style:normal;font-weight:400}.years{color:#000;font-family:Inter,"sans-serif";font-size:18px;font-style:normal;font-weight:700;line-height:normal}.mcgill-courses{display:flex;flex-direction:row;gap:1rem}.year-courses{display:flex;flex-direction:column;gap:1rem}.semester{display:flex;flex-direction:column;gap:.5rem}.fall-title{color:#ae2306}.winter-title{color:#04269a}h4{color:#fff;font-family:Inter,"sans-serif";font-size:18px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:0}h5{color:#000;font-family:Inter,"sans-serif";font-size:18px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:0}.sub-box{display:flex;flex-direction:row;gap:2rem;justify-content:space-between}.logo-pic{height:150px;width:150px}.picture-text{display:flex;justify-content:space-between;gap:1rem;width:100%}.sub-header{display:flex;justify-content:space-between}.extracurriculars-box{display:flex;flex-direction:column}.main-text{width:100%}.projects-box{border-radius:10px;background:#b6ccd8;padding:1.5rem;display:flex;flex-direction:column}.projects-list{display:flex;flex-direction:column;gap:3rem}.project-pic{height:400px;width:600px}.personal-project{display:flex;gap:1.5rem}.repo-link a{color:#000;text-decoration:underline}.projects-box p{margin-top:0;line-height:inherit;font-family:inherit;font-size:1rem}@media (max-width: 950px){.personal-project{flex-direction:column}}@media (max-width: 768px){.mb-3{margin-bottom:0!important}}