@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;700&display=swap);*,button{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark}html{scroll-behavior:smooth}body,button,input,textarea{font-family:"Space Grotesk",-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{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;min-height:100vh;overflow-x:hidden;background:linear-gradient(#0b345a,#0b345a 10%,#000a13);color:#cae5ff}.App button{padding:.75rem;margin:.25rem;background:transparent;color:#cae5ff;font-weight:700;font-size:1rem;border:.125rem solid #cae5ff;border-radius:.25rem;transition:.125s;cursor:pointer}.App button:hover{border-color:#f85a3a;color:#f85a3a}.App a{color:#cae5ff;transition:.125s}.App a:hover{color:#f85a3a}.App section{position:relative;max-width:80rem;padding:1rem 1.5rem;width:100%}header{position:fixed;height:5rem;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background:#0b345a;z-index:1;transition:box-shadow .5s}header.scrolled{box-shadow:0 0 1rem rgba(0,0,0,.26666666666666666)}header .side{position:relative;max-width:80rem;width:100%;padding:1rem;color:rgba(202,229,255,.25098039215686274)}header .side.right-side{text-align:right}header h1{font-weight:300;font-size:1.25rem}header h1 b{color:#f85a3a}#logo-container{position:fixed;top:0;left:0;width:100vw;height:5rem;display:-ms-grid;display:grid;place-items:center;z-index:-1}section#home{height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start}section#home h2{font-size:calc(1rem + 1vw);font-weight:300}section#home h2 .accent{color:#f85a3a;font-weight:400}section#home h1{font-size:calc(1rem + 4vw)}section#home p{margin:1rem 0}section#home button{margin:1rem 2rem 1rem 0}.work-element{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.work-element h3{margin:1rem 0 .125rem}.work-element h4{margin:.125rem 0 1rem;font-weight:400}.work-element img{width:100%;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.work-element .btn-links{display:-ms-grid;display:grid;width:100%;padding:.5rem .75rem;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.work-element .btn-links.no-git{-ms-grid-columns:1fr;grid-template-columns:1fr}.work-element .btn-links a{width:100%;padding:.5rem}.work-element .btn-links a button{margin:0;width:100%;display:-ms-grid;display:grid;place-items:center}.work-element .btn-links a button svg{height:1.25rem;width:1.25rem}.work-element p{margin:0 1.5rem 1.5rem}h2#my-works{margin:.75rem 0}section#my-work{-webkit-justify-content:center;justify-content:center;max-width:30rem}section#my-work,section#my-work .work-container{position:relative;display:-webkit-flex;display:flex}section#my-work .work-container{min-width:300%;-webkit-align-items:flex-start;align-items:flex-start}section#my-work .work-container .work-topic{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;width:100%;margin:.5rem;border-radius:.25rem;background:#0b345a}section#my-work .work-container .work-topic h2{margin-top:.5rem}section#contact{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;min-height:85vh}section#contact>p{margin-top:.75rem}section#contact>a{margin-top:.25rem}footer{position:relative;max-width:80rem;padding:1rem;width:100%;text-align:center;font-size:.875rem;color:rgba(202,229,255,.6901960784313725);margin-top:2rem}
/*# sourceMappingURL=main.27bebb1d.chunk.css.map */