body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f1f1;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100%}.ForeFront{position:relative;z-index:10000}.Particles{position:fixed;z-index:-1000}.fade-appear{opacity:0}.fade-appear.fade-appear-active{opacity:1;transition:opacity .5s linear}.fade-exit{opacity:0}.fade-exit.fade-exit-active{opacity:0;transition:opacity .3s linear}.fade-enter,.fade-exit-done{opacity:0}.fade-enter.fade-enter-active{opacity:1;transition:opacity .3s linear .3s}.ThemeToggle{background:none;border:0;position:absolute;right:1vh;top:1vh}@media (max-width:640px){.ThemeToggle{background-size:50px}}.SplashScreen{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center}.SplashScreenText{color:#3466aa;font-size:4.7em;font-weight:40;margin-top:5px;white-space:pre}.SplashScreenText,.SplashScreenTextSmall{font-family:Courier New,Courier,monospace}.SplashScreenTextSmall{font-size:45px;font-weight:30;margin-bottom:10px}@font-face{font-display:swap;font-family:Cyber;src:url(https://assets.codepen.io/605876/Blender-Pro-Bold.otf)}.SplashScreenButton,SplashScreenButton:after{background:linear-gradient(45deg,transparent 5%,#3466aa 0);border:0;box-shadow:6px 0 0 #00e6f6;color:#fff;font-family:Cyber,cursive;font-size:36px;height:86px;letter-spacing:3px;line-height:88px;margin-bottom:20px;outline:transparent;position:relative;width:380px}.SplashScreenButton:after{--slice-0:inset(50% 50% 50% 50%);--slice-1:inset(80% -6px 0 0);--slice-2:inset(50% -6px 30% 0);--slice-3:inset(10% -6px 85% 0);--slice-4:inset(40% -6px 43% 0);--slice-5:inset(80% -6px 5% 0);background:linear-gradient(45deg,transparent 3%,#00e6f6 0,#00e6f6 5%,#487cc5 0);bottom:0;-webkit-clip-path:var(--slice-0);clip-path:var(--slice-0);content:"MAGED";display:block;left:0;position:absolute;right:0;text-shadow:-3px -3px 0 #f8f005,3px 3px 0 #00e6f6;top:0}.SplashScreenButton:hover:after{-webkit-animation:glitch 1s;animation:glitch 1s;-webkit-animation-timing-function:steps(2);animation-timing-function:steps(2)}@-webkit-keyframes glitch{0%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-20px,-10px);transform:translate(-20px,-10px)}10%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(10px,10px);transform:translate(10px,10px)}20%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}30%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translateY(5px);transform:translateY(5px)}40%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-5px);transform:translate(-5px)}50%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(5px);transform:translate(5px)}60%{-webkit-clip-path:var(--slice-4);clip-path:var(--slice-4);-webkit-transform:translate(5px,10px);transform:translate(5px,10px)}70%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:var(--slice-5);clip-path:var(--slice-5);-webkit-transform:translate(20px,-10px);transform:translate(20px,-10px)}90%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(0);transform:translate(0)}}@keyframes glitch{0%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-20px,-10px);transform:translate(-20px,-10px)}10%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(10px,10px);transform:translate(10px,10px)}20%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}30%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translateY(5px);transform:translateY(5px)}40%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-5px);transform:translate(-5px)}50%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(5px);transform:translate(5px)}60%{-webkit-clip-path:var(--slice-4);clip-path:var(--slice-4);-webkit-transform:translate(5px,10px);transform:translate(5px,10px)}70%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:var(--slice-5);clip-path:var(--slice-5);-webkit-transform:translate(20px,-10px);transform:translate(20px,-10px)}90%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(0);transform:translate(0)}}.Night{color:#fff}@media (max-width:1007px){.SplashScreenTextSmall{font-size:35px}.SplashScreenText{font-size:50px}}@media (max-width:640px){.SplashScreenTextSmall{font-size:28px}.SplashScreenText{font-size:40px}.SplashScreenButton{font-size:28px;height:68px;line-height:60px;margin-bottom:10px;margin-top:10px;width:300px}}.AboutMe{align-items:center;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;justify-content:center;width:100%}.AboutMeTitle{word-wrap:break-word;color:#3466aa;font-size:75px;font-weight:40;margin-top:10vh;white-space:normal;white-space:pre}.AboutMeSubtitle{align-self:flex-start;color:#3466aa;font-size:35px;font-weight:150;font-weight:700;margin-bottom:8px;margin-left:20%;margin-top:5px;white-space:pre}.AboutMeText{align-self:center;font-size:18px;line-height:2;width:60%}@media (max-width:1500px){.AboutMeTitle{font-size:45px}}@media (max-width:1007px){.AboutMeTitle{font-size:28px}.AboutMeSubtitle{font-size:25px;text-align:center;width:90%}.AboutMeText{text-align:center;width:80%}}@media (max-width:640px){.AboutMeTitle{font-size:0}.AboutMeSubtitle{font-size:25px}.AboutMeSubtitle,.AboutMeText{text-align:center}}.NavbarButton{background-color:#3465aa00;border:0;color:#3466aa;font-family:Courier New,Courier,monospace;font-size:30px;margin-left:.5vw;margin-right:1.1vw;margin-top:1.4vh;transition:.3s}.NavbarButton:hover{border-bottom:1px solid #3466aa}@media (max-width:1007px){.NavbarButton{font-size:30px}}@media (max-width:640px){.NavbarButton{font-size:15px}}.Projects{margin-top:7vh}.ProjectsTitle{color:#3466aa;font-family:Courier New,Courier,monospace;font-size:75px;font-weight:40;margin-top:5px;text-align:center;white-space:pre}.ProjectsGrid{grid-gap:30px;align-items:center;display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;margin-left:24vw;margin-right:24vw}.ProjectItem{background-color:#82b7dc;text-align:center}.subHeadingPrimary{background:#dbe2ef;font-family:Cyber;font-size:1.5em;padding-bottom:.8vh;padding-top:.8vh}.ProjectDescription>p{font-family:Courier New,Courier,monospace;font-size:20px}@media (max-width:1007px){.ProjectsGrid{grid-template-columns:repeat(1,1fr);margin-left:16vw;margin-right:16vw}}@media (max-width:640px){.ProjectsGrid{grid-template-columns:repeat(1,1fr);margin-left:15vw;margin-right:15vw}.ProjectsTitle{font-size:60px}}
/*# sourceMappingURL=main.f520d6af.css.map*/