@import"https://fonts.googleapis.com/css?family=Josefin+Sans";body{margin:0;font-family:Josefin Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;width:100%}#root{height:100vh}.App{text-align:center;display:flex;flex-direction:row;height:100vh;background:#020024;font-family:Josefin Sans,cursive}.AppOverlay{opacity:.5;position:absolute;height:100vh;width:100%}.Arrow{cursor:pointer}.AboutMe{height:100vh;background-color:#000;color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.ParticlesContainer{position:absolute;height:100%;width:100%}#tsparticles{position:absolute;width:100%;height:100%}.AboutContent{position:relative;z-index:1}.AboutMeText{min-width:320px;max-width:38em;margin:.5em 1em 25px;padding:.5em 1em;text-align:center;line-height:1.6}.AboutMeList{margin-top:.5em;margin-bottom:.5em;text-align:center;line-height:1.5}.Experience{height:100vh;background-color:#0a0a0a;color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.ExperienceContent{position:relative;z-index:1}.SectionTitle{font-size:1.4em;margin:0 0 .3em;font-weight:700}.ExperienceSubtitle{font-size:.9em;opacity:.7;margin:0 0 .8em}.ArrowPlacer{position:absolute;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:17799}.SuperHeader{position:fixed;top:.3em;width:100%;overflow:hidden;height:5em;z-index:17800;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:stretch;font-size:smaller;font-family:Josefin Sans,cursive}.Header{z-index:17800;color:#fff;display:flex;flex-direction:row;justify-content:flex-end;align-content:flex-end;font-size:smaller;flex-basis:42em}.HeaderItem{flex-grow:1;min-width:2em;flex-basis:100%;padding:.3em;height:100%}.GlassCard{background:#ffffff0d;box-shadow:0 .125em .5em #0000005e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;justify-content:center;align-items:center}.GlassCardVert{background:#ffffff0d;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}.Middle{display:grid;grid-template-columns:100%;grid-template-rows:15% 35% auto 15%;flex-grow:1;overflow:hidden}.Subtitle{color:#fffc;font-size:1em;display:flex;align-items:flex-start;justify-content:center;padding-top:1em;text-align:center}.Skills{height:100vh;background-color:#00acd7;color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.Contact{height:100vh;background-color:#000;color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.ContactSVG{fill:#fff;transition:fill .3s ease}.SvgAnchor:hover .ContactSVG{fill:#00d7ff}.SvgAnchor{z-index:1780}@media(max-width:600px){.AboutMeText{min-width:280px;margin:.3em .5em 15px;font-size:.9em}.Subtitle{font-size:.75em;padding:.5em 1em}.Header{flex-basis:100%}}.MyNameContainer{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:center;color:#b2b2b200;min-width:100%}.ACharacterInName{font-size:3em;font-weight:700;color:#fff;font-family:Josefin Sans,cursive}