body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#4d4b4e;--buttonbg:#cec9cf;--navbarbg:#a40040}body,html{background:#4d4b4e;background:var(--bg);height:100%;margin:0;padding:0;width:99%}header{background:#a40040;height:7vh;left:0;padding:1vh 2vh;top:0;width:100%}main{background:#4d4b4e;background:var(--bg);color:#cec9cf;color:var(--buttonbg);height:calc(92vh - 20px);justify-content:center;padding-left:2vh;padding-right:1vh;width:100%}iframe{border:none;display:block;height:100%;overflow:hidden;width:100%}.center{display:block;height:auto;margin:auto;max-width:80%}.logo{height:auto;margin-right:auto;max-width:20%}.rotate-90{transform:rotate(-90deg)}.pdf{box-sizing:border-box;height:100vh}nav{align-items:center;display:flex;padding-left:3vh;position:relative}.hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:20px;justify-content:space-between;margin-left:auto;margin-right:3vh;padding:0;width:28px;z-index:200}.hamburger span{background:#fff;border-radius:2px;display:block;height:3px;transition:transform .3s ease,opacity .3s ease;width:100%}.hamburger.open span:first-child{transform:translateY(8.5px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.nav-list{background:#a40040;background:var(--navbarbg);border-radius:0 0 8px 8px;box-shadow:0 6px 16px #00000059;display:none;flex-direction:column;gap:.5rem;list-style:none;margin:0;min-width:180px;padding:.75rem 1rem;position:absolute;right:0;top:100%;z-index:999}.nav-list.nav-open{display:flex}.nav-list li{border:2px solid #fff;border-radius:100vw;display:block;margin:0;text-align:center}.nav-list li.active{background:#cec9cf;background:var(--buttonbg)}.nav-list li.active a{color:#a40040;color:var(--navbarbg)}.nav-list a{border-radius:100vw;color:#fff;display:block;padding:.35rem .75rem;text-decoration:none;transition:background-color .2s,color .2s}.nav-list a:hover{background-color:#cec9cf;background-color:var(--buttonbg);color:#a40040;color:var(--navbarbg)}.home-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;list-style:none;margin:.5rem 0 0;padding:10px}.home-list li{background:#a40040;background:var(--navbarbg);border:2px solid #fff;border-radius:100vw;text-align:center}.home-list li.active{background:#cec9cf;background:var(--buttonbg)}.home-list li.active a{color:#a40040;color:var(--navbarbg)}.home-list a{border-radius:100vw;color:#fff;display:inline-block;padding:.3rem .75rem;text-decoration:none;transition:background-color .2s,color .2s}.home-list a:hover{background-color:#cec9cf;background-color:var(--buttonbg);color:#a40040;color:var(--navbarbg)}.fraction{display:inline-block;position:relative;vertical-align:middle}.numerator{border-bottom:2px solid #000}.denominator,.numerator{text-align:center}.container{align-items:center;display:flex;flex-direction:row;height:90vh;overflow:hidden}.left-side{flex:1 1;height:90vh;position:sticky}.right-side{flex:1 1;height:90vh;overflow-y:auto;padding-left:2vh}.homepage-row{flex-direction:row;height:75vh}.homepage-row,.intro-left{align-items:center;display:flex;overflow:hidden}.intro-left{flex:1 1;justify-content:flex-end;max-width:30%;padding:5vh}.intro-left img{height:auto;max-width:100%;object-fit:contain}.intro-right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:5vh}.intro-right img{display:block;height:auto;max-width:100%;object-fit:contain}.project-item{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;max-width:30%;overflow:hidden;padding:5vh}.project-item img{display:block;height:40%;max-width:100%;object-fit:contain}.project-item desc{display:block}@media (max-width:768px){.homepage-row{flex-direction:column;height:auto;overflow:visible}.intro-left,.intro-right,.project-item{max-width:100%;padding:2vh}.project-item{width:100%}main{padding-left:1vh;padding-right:1vh}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}section{align-items:center;background:radial-gradient(#cec9cf,#6a676b);display:flex;height:99vh;justify-content:center;overflow:hidden;padding:1vh;position:relative;width:99%}section h2{color:#a40040;font-size:8mm;left:50%;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%)}section .set{height:80%;left:0;pointer-events:none;position:absolute;top:0;width:80%}section .set div{display:block;position:absolute}section .set div:first-child{animation:animate 28s linear infinite;animation-delay:-5s;left:15%;top:20%}section .set div:nth-child(2){animation:animate 30s linear infinite;animation-delay:-3s;left:85%;top:25%}section .set div:nth-child(3){animation:animate 25s linear infinite;animation-delay:0s;left:25%;top:20%}section .set div:nth-child(4){animation:animate 23s linear infinite;animation-delay:-3s;left:75%;top:75%}section .set div:nth-child(5){animation:animate 30s linear infinite;animation-delay:-8s;left:35%}section .set div:nth-child(6){animation:animate 35s linear infinite;left:65%}section .set div:nth-child(7){animation:animate 25s linear infinite;animation-delay:-8s;left:50%}@keyframes animate{0%{opacity:1;transform:translate(-200% 110vh) rotate(0deg)}12.5%{transform:translate(120vw,-120%) rotate(20deg)}25%{transform:translate(-200%,50vh) scale(1.75) rotate(-20deg)}37.5%{opacity:.75;transform:translate(-200%,-120%) rotate(-40deg)}50%{transform:translate(100vw,50vh) rotate(0deg)}62.5%{transform:translate(20vw,100vh) rotate(20deg)}75%{opacity:1;transform:translate(200%,100vh) rotate(20deg)}87.5%{transform:translate(50vw,-200%) scale(1.75) rotate(20deg)}to{opacity:.75;transform:translate(-200%,110vh) rotate(0deg)}}
/*# sourceMappingURL=main.4c405d7b.css.map*/