@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);.PersonImageContainer{align-items:center;background-color:transparent;display:flex;justify-content:center}.PersonImage{height:200px;width:200px}.MainIcon,.PersonImage{background-color:transparent}.MainIcon{height:40px;padding:5px;width:40px}.IntroTitle{font-size:60px;font-weight:600;margin-left:30px;text-align:center}.FlexContainer,.IntroTitle{background-color:transparent}.FlexContainer{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.SubInfo{color:#5e5e5e;font-size:30px;list-style-type:circle;margin-left:10%;margin-top:0}@media (max-width:600px){.SubInfo{font-size:20px}}.SubSection{align-items:center;background-color:transparent;display:flex;justify-content:center}.container{width:300px}.MainHeader{align-items:flex-end;justify-content:space-around;margin-top:10px;width:100%}.MainHeader,.SubHeader{background-color:transparent;display:flex}.SubHeader{align-items:center;gap:20px;justify-content:flex-end;padding-right:20px;width:50%}.IconHeader{align-items:center;justify-content:left}.NavItem{background-color:transparent;border-radius:10px;color:var(--foreground);font-size:20px;font-weight:500;padding:5px 10px;text-align:center;text-decoration:none}.NavItem:hover{background-color:var(--background-2)}.NavItem:active{background-color:var(--background-3)}#darkModeButton{background-color:transparent;border:none;border-radius:10px;cursor:pointer;height:40px;padding:5px;width:40px}#darkModeButton:hover{background-color:var(--background-2)}#darkModeButton:active{background-color:var(--background-3)}#darkModeIcon{border:1px solid var(--foreground-2);border-radius:10px;height:30px;width:30px}button.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;margin-left:20px;padding:0}button.hamburger .line{background-color:var(--foreground);border-radius:2px;height:3px;transition:all .3s ease;width:25px}button.hamburger.open .line:first-child{-webkit-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px)}button.hamburger.open .line:nth-child(2){opacity:0}button.hamburger.open .line:nth-child(3){-webkit-transform:rotate(-45deg) translate(5px,-5px);transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){header{margin-bottom:0}.flex50{width:100%}nav.desktop-nav{display:none}button.hamburger{display:flex}nav.mobile-nav{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:10px}}#ContactContainer{background-color:var(--background-15);gap:20px}#ContactTitle{font-size:30px;margin-left:0;padding-top:20px}.ContactItem{width:40px}.ContactImage{width:100%}body,html{margin:0;padding:0}.TechSubSection{align-items:center;background-color:var(--background15);box-shadow:var(--shadow-color) 0 2px 4px 0;-webkit-column-gap:30px;column-gap:30px;display:flex;flex-wrap:wrap;justify-content:center;row-gap:10px;width:100%}.TechAnimation{height:200px;width:200px}.TechAnimation,.TechObject{padding-bottom:20px;padding-top:20px}.TechObject{height:70px}.subSubInfo{background-color:transparent;color:gray;font-size:20px;font-weight:300;list-style-type:circle;margin-left:10%;margin-top:0;text-align:left}.AboutSubSection{align-items:center;-webkit-column-gap:30px;column-gap:30px;display:flex;flex-wrap:wrap;justify-content:center;row-gap:10px}.AboutSubSection,.Title{background-color:transparent;width:100%}.Title{font-size:40px;font-weight:600;margin-top:20px;text-align:center}@media (max-width:600px){.BoxTitle{font-size:30px}.subSubInfo{font-size:15px}.BoxContainer{width:90%}}.CompEng{font-size:40px}.UCRImage{width:150px}.UCIImage{padding:10px;width:500px}.UCIImageContainer{align-items:center;display:flex;justify-content:center;width:100%}@media (max-width:600px){.CompEng{font-size:30px}.UCIImage{padding:10px;width:250px}}@media (max-width:920px){.CompEng{font-size:30px}.UCIImage{padding:10px;width:300px}}@media (max-width:500px){.UCIImage{padding:10px;width:150px}}.InfoBlock{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.InfoTitle{margin:0}.InfoSubtitle{margin:0;text-indent:10px}.Link{text-align:left;width:100%}.InfoContainer{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center}.BoxContainer{align-items:center;background-color:var(--background-15);border-radius:10px;box-shadow:var(--shadow-color) 0 2px 4px 0;display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;padding:50px;transition:box-shadow .3s ease;width:60%}.BoxContainer:hover{box-shadow:var(--shadow-color-2) 0 4px 8px 0}.BoxTitle{font-size:18px;font-weight:600;text-align:left}.content-box{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:max-height .5s ease;width:100%}.arrow-button{background-color:transparent;border:none;color:var(--foreground-2);cursor:pointer;font-size:18px;margin-top:10px;width:100%}.projectImage{border:1px solid var(--background-3);border-radius:10px;flex-shrink:0;height:100px;object-fit:cover;padding:5px;width:100px}.bottom-padding-zero{padding-bottom:0}@media (max-width:600px){.boxItem{flex-basis:100%}.projectImage{height:auto}}.NNImage{width:150px}.LinkTitle{font-size:18px;margin:0}.LinkSubtitle{font-size:16px;font-weight:500;margin:0}.Link,.LinkSubtitle{color:var(--foreground)}.Link{text-decoration:underline}*{font-family:Poppins,sans-serif}html{scroll-behavior:smooth}:root{--background:#fff;--background-15:#fbfbfb;--background-2:#f0f0f0;--background-3:#e0e0e0;--foreground:#171717;--foreground-2:#333;--foreground-3:#555;--shadow-color:rgba(0,0,0,.08);--shadow-color-2:rgba(0,0,0,.12);--primary:#af1c1c}.dark-mode{--background:#121212;--background-15:#181818;--background-2:#1e1e1e;--background-3:#2c2c2c;--foreground:#f5f5f5;--foreground-2:#ccc;--foreground-3:#aaa;--shadow-color:rgba(0,0,0,.4);--shadow-color-2:rgba(0,0,0,.6);--primary:#ff4c4c}.IntroGrid{grid-row-gap:50px;grid-column-gap:20px;align-items:center;background-color:transparent;background-color:#fff;background-color:var(--background);color:#171717;color:var(--foreground);-webkit-column-gap:20px;column-gap:20px;display:grid;grid-auto-columns:minmax(0,500px);grid-auto-rows:minmax(0,auto);grid-template-columns:100%;justify-content:center;row-gap:50px}.SubInfo{background-color:transparent;color:#555;color:var(--foreground-3);font-size:14px;font-weight:500;margin:0;padding-left:20px;text-align:left}.ProjectImage{border-radius:10px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);box-shadow:var(--shadow-color) 0 2px 4px 0;transition:box-shadow .3s ease;width:800px}.inverted{-webkit-filter:invert(1);filter:invert(1)}.divider-container{background-color:transparent;border-radius:5px;margin:10px auto;width:100%}.divider{background-color:#171717;background-color:var(--foreground);border-radius:5px;height:4px;margin:0 auto;width:60px}@media (max-width:1400px){.ProjectImage{width:100%}}
/*# sourceMappingURL=main.2c89abf9.css.map*/