@font-face{font-family:Patua One;src:url(/assets/PatuaOne-Regular-LSpDSAEP.ttf)}@font-face{font-family:Roboto;src:url(/assets/RobotoSerif-Medium-yrDLins9.ttf)}@font-face{font-family:Roboto;src:url(/assets/RobotoSerif-Bold-CK12iBtX.ttf);font-weight:700}@font-face{font-family:Roboto;src:url(/assets/RobotoSerif-ExtraBold-BqSzGkwV.ttf);font-weight:bolder}@font-face{font-family:Roboto;src:url(/assets/RobotoSerif-Light-CgujujJl.ttf);font-weight:lighter}@font-face{font-family:Roboto;src:url(/assets/RobotoSerif-Italic-DEz5-r1O.ttf);font-style:italic}@font-face{font-family:Pridi;src:url(/assets/Pridi-Regular-DCDrgIXH.ttf)}@font-face{font-family:Pridi;src:url(/assets/Pridi-Bold-5ay_Z4ju.ttf);font-weight:700}@font-face{font-family:Pridi;src:url(/assets/Pridi-Light-D0Yzg_Ji.ttf);font-weight:lighter}@font-face{font-family:Sunflower;src:url(/assets/Sunflower-Medium-DLt714zT.ttf)}@font-face{font-family:Sunflower;src:url(/assets/Sunflower-Bold-bxqDLkbH.ttf);font-weight:700}@font-face{font-family:Sunflower;src:url(/assets/Sunflower-Light-C4wweViW.ttf);font-weight:lighter}@font-face{font-family:Cardo;src:url(/assets/Cardo-Regular-Dw7eUNPT.ttf)}@font-face{font-family:Parkinsans;src:url(/assets/Parkinsans-Bold-DPoafVBh.ttf);font-weight:700}@font-face{font-family:Parkinsans;src:url(/assets/Parkinsans-Regular-D1W4jOr2.ttf)}@font-face{font-family:Parkinsans;src:url(/assets/Parkinsans-Bold-DPoafVBh.ttf);font-weight:700}@font-face{font-family:Parkinsans;src:url(/assets/Parkinsans-ExtraBold-rz6L0DiG.ttf);font-weight:bolder}@font-face{font-family:Parkinsans;src:url(/assets/Parkinsans-Light-DTOiY-YE.ttf);font-weight:lighter}@font-face{font-family:Libre Franklin;src:url(/assets/LibreFranklin-Regular-DQWaJy-6.ttf)}@font-face{font-family:Libre Franklin;src:url(/assets/LibreFranklin-Bold-JrkRljS4.ttf);font-weight:700}@font-face{font-family:Libre Franklin;src:url(/assets/LibreFranklin-ExtraBold-C14u5Czd.ttf);font-weight:bolder}@font-face{font-family:Libre Franklin;src:url(/assets/LibreFranklin-Light-8DLYe27F.ttf);font-weight:lighter}@font-face{font-family:Libre Franklin;src:url(/assets/LibreFranklin-Italic-DBD8FDym.ttf);font-style:italic}:root{--primary-color: #00A6D5;--secondary-color: #5D5FEF;--secondary-dark-color: #5053d4;--highlight-color: #E0F7FA;--accent-color: #FF6B4A;--accent-contrast-color: #ff431a;--dark-neutral-color: #2B2D42;--medium-neutral-color: #D3D3D3;--light-neutral-color: #FFFFFF;--title-fonts: "Sunflower", "Libre Franklin", "Parkinsans", "Cardo", sans-serif;--text-fonts: "Parkinsans", "Patua One", "Roboto", "Pridi", serif;--default-letter-spacing: 1px;--container1-width: 75%;--container2-width: 25%;--right-area-margin: 30px;--default-padding: 20px;--sm-padding: 10px;--default-line-height: 2;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}a:hover{color:var(--highlight-color);text-decoration:underline}a:focus{color:var(--highlight-color)}body{background-color:var(--dark-neutral-color);color:var(--highlight-color);font-family:var(--text-fonts)}h1{font-size:3.2em;line-height:1.1}h2{font-size:2.5em}h3{font-size:1.5em}h1,h2,h3,h4,h5,h6{font-family:var(--title-fonts);letter-spacing:var(--default-letter-spacing);padding-bottom:var(--sm-padding)}button{color:var(--light-neutral-color);cursor:pointer}p{line-height:var(--default-line-height)}p b{color:var(--accent-color)}main{margin:0 auto;width:100%;height:100%;display:flex;align-items:stretch;max-width:100vw}.profile-pic.secondary{display:none}.profile-pic{margin-bottom:var(--default-padding)}.menu-icon{width:36px;height:33px;min-width:33px}.menu-button{background-color:transparent;display:flex;justify-content:center;align-items:center;margin-right:var(--default-padding);padding:10px}.menu-button:hover{background-color:transparent}.left-area,.right-area{min-height:100vh}.right-area{width:var(--container1-width);display:flex;flex-direction:column;height:100%;max-width:100vw}.logo-area.primary,.logo-area.secondary{display:flex;justify-content:center}.logo-area.secondary{display:flex}.container2,.container3,.page-area-1{padding:var(--default-padding)}.container2.primary .page-area-2{margin-top:var(--default-padding)}header{background-color:var(--secondary-color);display:flex;width:100%;height:50px;align-items:center;margin-top:var(--right-area-margin);margin-bottom:20px;padding:0;max-width:100vw}.secondary-logo-replacement{height:100%;width:100%}nav{padding:0}nav.primary ul{list-style:none;display:flex;width:100%;height:50px;text-align:center;justify-self:flex-end}nav.primary .header-link{width:100px;height:100%}nav.primary .header-link p,nav.primary .header-link a{color:var(--highlight-color);background-color:var(--secondary-color);width:100%;height:100%;align-items:center;justify-content:center;display:flex;font-family:var(--title-fonts);font-weight:700;letter-spacing:var(--default-letter-spacing)}nav.primary .header-link a{background-color:var(--secondary-dark-color);font-weight:400}nav.primary .header-link.current p{color:var(--secondary-color);background-color:var(--highlight-color);font-weight:700}.header-link.bold{font-weight:700}nav.secondary{padding-top:15px}nav.secondary .header-link{padding-bottom:30px}nav.secondary .header-link p,nav.secondary .header-link a{font-size:23px;color:var(--highlight-color)}nav.secondary .header-link.current p{font-weight:700}nav.secondary .header-link p:hover,nav.secondary .header-link a:hover{text-decoration:underline}.resume-link:hover{cursor:pointer}.drawer-background{background-color:var(--secondary-color)}.drawer-title{font-size:40px;font-weight:700;padding-bottom:10px;font-family:var(--title-fonts);letter-spacing:var(--title-letter-spacing)}.page-area-1 p,.page-area-2 p{padding-bottom:var(--default-padding)}.page-area-2{display:flex;flex-direction:column;align-content:center;justify-content:center}.container1{width:100%;height:100%;margin:0;justify-self:flex-end;align-self:flex-start;display:flex;flex-direction:column}.left-area{width:var(--container2-width);display:flex;justify-content:center;align-items:center}.container2{background-color:var(--primary-color);margin:0;justify-self:flex-start;align-self:flex-start;display:flex;flex-direction:column;color:var(--light-neutral-color)}.container2.primary{width:100%;height:100%}.container2.secondary{width:100%;display:none}.container3{width:100%;background-color:var(--highlight-color);color:var(--dark-neutral-color);display:flex;flex-direction:column;align-items:center;justify-self:center;padding:10px}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.react-made b{color:var(--secondary-color)}.react-made a:hover{text-decoration:underline}.copyright{color:var(--dark-neutral-color);margin-bottom:5px;font-weight:700}@media screen and (max-width: 900px){.profile-pic.secondary{display:flex}.profile-pic.primary{display:none}.page-area-1{align-content:center;justify-content:center;text-align:center}header{margin-top:0;margin-bottom:0}.right-area{width:100%}.secondary-logo-replacement{display:none}nav.primary{display:none}.left-area{display:none}.container2.primary{display:none;width:0%}.container2.secondary{display:flex;width:100%}}@media screen and (min-width: 900px){.secondary-nav,.profile-pic.secondary{display:none}}.p-button{background-color:var(--accent-color);font-family:var(--text-fonts);font-weight:700}.p-button:hover{background-color:var(--accent-contrast-color)}.p-button.disabled:hover{background-color:var(--accent-color)}h2{margin-bottom:0;padding-bottom:10px;line-height:1}.page-area-2 p{font-size:larger;line-height:normal;padding-bottom:30px}.page-area-2.home{display:flex;flex-direction:column;text-align:center}@media screen and (max-width: 900px){.page-area-2 p{font-size:larger;padding-bottom:var(--sm-padding);line-height:normal}.profile-pic.secondary{margin-top:var(--sm-padding)}}.project-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;background-color:var(--highlight-color);color:var(--dark-neutral-color);border-radius:8px}.text-color{color:var(--dark-neutral-color)}.project-card p b{color:var(--secondary-color)}.card-title{font-size:25px;color:var(--dark-neutral-color)}.description{height:100%}.increase-top-margin{padding-top:7px}.button-link-area{height:100%;width:100%;padding-left:0;margin-left:0;color:var(--highlight-color);font-weight:700;display:flex;align-items:center;justify-content:center}.button-link-area:hover{color:var(--highlight-color)}.p-button{width:100px;padding-left:0;padding-right:0}.projects{display:flex;flex-direction:column;justify-content:center;align-items:center}.page-area-2.projects p{text-align:center;line-height:normal}.bottom-message{justify-self:center}.page-area-2.projects h2{padding-bottom:var(--sm-padding);justify-self:center;text-align:center}h1{padding-bottom:var(--default-padding);margin-bottom:var(--sm-padding)}.page-area-2.projects ul{width:100%;align-self:center;list-style-type:none;text-align:center}.page-area-2.projects li{padding-bottom:10px}.page-area-2.projects li a{color:var(--light-neutral-color);font-weight:700;font-size:20px}.page-area-2.projects li a:hover{color:var(--light-neutral-color);text-decoration:underline}.add-top-padding{padding-top:30px}#design-p{padding-top:10px}#design-link{font-weight:700}@media screen and (max-width: 900px){.page-area-2 .projects{justify-content:center;align-items:center;text-align:center}.page-area-2.projects ul{display:flex;text-align:center;justify-content:center;align-items:center;align-self:center;flex-direction:row;flex-wrap:wrap}.page-area-2.projects li{padding:5px}.page-area-2.projects li a{color:var(--light-neutral-color);font-weight:700;font-size:18px}}.temp-page{height:100vh;display:flex;flex-direction:column;justify-content:flex-start}.logo{padding-bottom:10px}