body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;color:#313131;background-color:rgba(91,152,237,.07450980392156863);height:100%}html{scroll-behavior:smooth}@font-face{font-family:"SFFedora";src:local("SFFedora"),url(/portfolio/static/media/SF_Fedora.dfefb480.ttf) format("truetype");font-weight:400}.MuiTypography-h1,.MuiTypography-h3,.nineties-kid{font-family:SFFedora}a{text-decoration:none}.nav{display:flex;flex-direction:row;justify-content:flex-end;padding-top:10px}.nav-item{margin:8px}.MuiGrid-item{margin-top:15px;min-height:800px;border-bottom:1px dotted grey}.profileImg{display:flex;width:80%;border-radius:20px;box-shadow:5px 5px 30px #868686}.squiggle{position:relative;left:275px;bottom:100px;animation:spin-right 20s linear infinite;z-index:0}.swirl{left:400px;bottom:100px}.swirl,.triangle{position:relative;width:5%;animation:spin-left 10s linear infinite}.triangle{left:450px;top:400px}.diamond{position:relative;left:350px;bottom:-70px;animation:spin-right 15s linear infinite;width:5%}.nineties{z-index:-1;position:absolute;bottom:160px;width:60%;transform:rotate(35deg)}@keyframes spin-right{to{transform:rotate(1turn)}}@keyframes spin-left{to{transform:rotate(-1turn)}}.hero-2{display:flex;justify-content:center;align-items:center}.kid-2{text-align:left}.about-me,.education,.hero,.hmu,.kid,.work{align-items:flex-start}.about-me,.education,.footer,.hero,.hmu,.kid,.work{display:flex;flex-direction:column;justify-content:center}.footer{align-items:center;margin-top:15px;color:#787878}.fab{position:fixed;right:10px;bottom:10px}.work-grid-container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:auto}.work-grid-item{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:10px;height:100%;width:100%}.MuiCard-root{padding:15px;border-radius:15px;h5{margin:1rem 0}p{margin:.5rem 0;padding:0 1rem}}.more-projects{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:30px}.MuiButton-root{margin-top:10px;margin-right:5px}.resume-button{margin:0 10px 0 0}@media only screen and (max-width:450px){.nav{visibility:hidden}.hamburger{position:absolute;right:20px;top:20px}.MuiMenu-paper{border-radius:15px}.nineties{z-index:-1;position:absolute;top:0;left:0;width:100%;transform:rotate(0deg);overflow:hidden}.squiggle{position:relative;left:300px;bottom:50px;animation:spin-right 20s linear infinite;z-index:0}.triangle{left:160px;bottom:80px}.swirl,.triangle{position:relative;width:5%;animation:spin-left 10s linear infinite}.swirl{left:80px;bottom:30px}.diamond{position:relative;right:100px;bottom:-20px;animation:spin-right 15s linear infinite;width:5%}.MuiTypography-h1,.MuiTypography-h3,.nineties-kid{font-family:SFFedora}}@media only screen and (min-width:450px){.hamburger{visibility:hidden}}.top-container{display:flex;justify-content:flex-start;grid-gap:2rem;gap:2rem;flex-wrap:wrap;.typography{width:60%;margin-top:1rem}}.cx-section{position:relative;margin:6rem 0;padding:2rem 0;.MuiTypography-h4{font-weight:500}}.cx-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;grid-gap:2rem;gap:2rem;padding:0 1rem;flex-wrap:wrap}.cx-section.odd{background-color:#f2f6ff;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:4rem 0}.cx-column{flex:1 1 50%;box-sizing:border-box;min-width:260px}.cx-images{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;align-items:center;justify-content:center;video{max-height:700px;border:1px solid #ddd;border-radius:8px}}.cx-images img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.12)}.cx-text{padding:0 1rem}@media only screen and (max-width:768px){.MuiGrid-item{min-height:550px}.MuiTypography-h1{font-size:4rem}.top-container{.typography{width:unset}}.cx-inner{flex-direction:column!important;align-items:stretch}.cx-column{flex-basis:100%}.cx-images{video{width:100%}}}
/*# sourceMappingURL=main.345fe8f6.chunk.css.map */