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}@font-face{font-family:San Francisco;src:url(/static/media/SF-Pro.26de8db493c0fa76e754.ttf) format("truetype")}.App{align-items:center;background-color:#0f172a;color:#fff;display:flex;flex-direction:column;font-family:Source Code Pro;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;text-align:center}.Portrait{border-radius:100%;box-shadow:3px 5px 15px 0 #0000001a;height:auto;margin-right:10vw;width:50vw}.Links{display:flex}.Links a{color:#bae6fd;font-size:14px;margin-right:20px;text-decoration:none}.Links a:hover{color:#fff}.Introduction{color:#fff;height:100vh;justify-content:center;width:100%}.Introduction,.IntroductionContent{align-items:center;display:flex}.IntroductionText{margin-left:15%;margin-right:10%;text-align:left}.IntroductionText p{line-height:1.25;margin:0;padding:2.25px}.PortfolioSection{color:#fff;height:auto;justify-content:flex-start;position:relative}.Portfolio,.PortfolioSection{align-items:center;display:flex;flex-direction:column}.SkillSection{align-items:center;display:flex;height:50vh;justify-content:center}.SkillInfo{background-color:#1e293b;border-radius:10px;box-shadow:5px 5px 10px 0 #0000001a;color:#bae6fd;font-size:11pt;font-style:italic;margin-left:5vw;padding:25px;text-align:left;width:30vw}.Social{display:flex;justify-content:left;margin-left:15%}.Social a{margin-right:25px}.icon{height:auto;opacity:.5;transition:opacity .125s ease;width:40px}.icon:hover{opacity:1}.SectionTitle{color:#0e7490;font-size:14pt;white-space:nowrap;z-index:0}.Divider{border:0;border-top:1px solid #0e7490;margin-left:20px;margin-top:20px;width:70vw;z-index:0}#nightSky{height:100%;left:0;position:absolute;top:0;width:100%}.typing-animation{display:inline-block}.typing-animation:after{animation:blink-caret 1s infinite;content:"|";font-weight:200;opacity:0}@keyframes blink-caret{0%,to{opacity:0}50%{opacity:1}}.ProjectCardContainer{align-items:center;background-color:initial;cursor:pointer;display:flex;font-family:San Francisco,sans-serif;margin:20px;padding:20px;text-align:left;transition:opacity .25s ease;width:50vw}.ProjectCardContainer:hover{background-color:#9d82c71a;border-radius:10px;transition:background-color .125s ease}.ImagePreview{background-position:50%;background-size:cover;border-radius:10px;flex:0 0 auto;height:150px;margin-right:20px;width:150px}.CardContent h3{font-size:11pt;margin-bottom:10px;margin-top:0}.CardContent p{color:#94a3b8;font-size:10pt}.ProjectCardLink{color:inherit;text-decoration:none;z-index:1}.Stack{display:flex;flex-wrap:wrap}.Pill{background-color:#222f44;border-radius:16px;color:#cbd5e1;display:inline-block;font-size:10pt;margin-bottom:8px;margin-right:8px;padding:2px 14px}.ScrollDownContainer{align-items:center;bottom:20px;display:flex;justify-content:center;left:50%;opacity:1;position:absolute;transform:translateX(-50%);transition:opacity .5s ease;z-index:999}.ScrollDownArrow{animation:bounce 1.5s infinite;height:auto;width:15px}.ScrollDownText{color:#94a3b8;font-family:Source Code Pro;font-size:14px;margin-left:10px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-15px)}}.ScrollDownContainer.hidden{opacity:0}.SkillList{flex-direction:column;justify-content:center;padding:2vh;width:40vw}.SkillBar,.SkillList{align-items:center;display:flex}.SkillBar{background-color:#334155;border-radius:20px;box-shadow:0 2px 4px #0003;height:30px;margin-bottom:15px;position:relative;width:75%}.SkillBarFill{background-color:#415f73;border-radius:20px;height:100%}.SkillName{color:#fff;font-size:16px;left:15px;position:absolute}.TitleBar{background-color:#0f172a;color:#fff;display:flex;justify-content:space-between;left:0;padding:10px;position:fixed;right:0;top:0;transition:box-shadow 1s ease;z-index:9998}.TitleBar.scrolled{box-shadow:0 10px 20px 0 #00000040}.Name{color:#bae6fd;font-size:16px}
/*# sourceMappingURL=main.e0f0ee40.css.map*/