:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#8a5656;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}@font-face{font-family:NunitoBold;src:url(/personal-website/assets/Nunito-Bold-DgyPQ_HK.ttf) format("truetype")}@font-face{font-family:NunitoRegular;src:url(/personal-website/assets/Nunito-Regular-DZp7YoJs.ttf) format("truetype")}@font-face{font-family:OutfitRegular;src:url(/personal-website/assets/Outfit-Regular-D0y4HnY4.ttf) format("truetype")}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-family:NunitoBold;font-size:2.83em}h2{font-family:NunitoRegular;font-size:1.92em}p,ul{font-family:OutfitRegular;font-size:1.254em}button{font-family:NunitoRegular;color:#fffffc;border-radius:8px;border:none;padding:.2em .5em;font-size:1.92em;font-weight:500;cursor:pointer;white-space:nowrap}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#9f4470}}#root{max-width:100vw;margin:0 auto;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}#home-page{display:flex;flex-direction:column;background-color:#f2e2e0;width:100vw}.main-content{flex:1}.navbar{display:flex;flex-direction:row;justify-content:space-between;background-color:#fffffc;width:96vw;height:20vh;white-space:nowrap;padding-left:1em;padding-right:5em}.navbar a{font-family:NunitoRegular;color:#333030;font-size:23pt}#navbar-left{display:flex;background-color:#fffffc;width:20vw;justify-content:flex-start;align-self:center;white-space:nowrap}#navbar-left img{height:100%;max-height:8vw;width:auto;padding-left:1em}#navbar-right{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;background-color:#fffffc;width:20vw;gap:5vw}.footer{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:98vw;height:30vh;background-color:#9f4470;color:#fffffc;padding:2em}.footer a{font-family:OutfitRegular;font-size:.9375rem;color:#fffffc}#footer-left{display:flex;flex-direction:column;justify-content:flex-start;align-content:flex-start;gap:2em}.footer h1{margin:0;padding:0}.img-gallery{display:flex;flex-direction:row;gap:2vw}.footer-img{width:5vw;max-width:80px;height:auto}#footer-right{display:flex;flex-direction:row;gap:4vw;padding-right:2vw}.link-list{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.homepagetop-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:50vw;height:auto;gap:24px;padding:8em 3.5em;text-align:left;color:#333030;background-color:#f2e2e0}.homepagetop-container h1{margin:0;padding:0}.homepagebottom-container{display:flex;flex-direction:column;background-color:#fffffc;color:#333030;width:100vw;height:50vh;padding-top:8em;padding-bottom:8em;justify-content:center;align-items:center}.homepagebottom-container h1{text-align:center}.skill-gallery{display:flex;flex-direction:row;gap:50px}.skill-container{display:flex;flex-direction:column;justify-content:flex-start;border-radius:8px;width:240px;height:300px;background-color:#f2e2e0;padding-left:30px;padding-right:30px}.headerImageContainer{width:100vw;height:40vw;max-height:618px;background-color:#d9d9d9;overflow:hidden}.headerImage{width:100%;height:100%;object-fit:cover;object-position:75% 75%}.container{display:flex;flex-direction:row;justify-content:space-between}.left-half{width:40vw;height:auto;text-align:left;padding:50px 100px}.right-half{display:flex;width:40vw;height:auto;padding:50px 100px;align-items:center;justify-content:right}.aboutme-image{width:30vw;height:auto;max-width:450px;background-color:#d9d9d9}