body{margin:0;font-family:-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}#about{padding:2rem 4rem 4rem;height:100%;overflow:hidden;margin:auto;max-width:1100px}#about .secondary{color:#eece1a}#about h1.lg-heading{margin-top:60px}#about h2.sm-heading{margin-bottom:25px}#about h3.bio-heading{font-weight:500;font-size:40px;margin-bottom:10px}#about .about-info{display:block}#about .about-info .bio{font-size:1.5rem}#about .about-info .job-card{display:flex;min-height:200px;max-width:1100px;margin-bottom:30px;background:#324ef0;border-bottom:5px solid #eece1a;border-top:5px solid #eece1a}#about .about-info .job-header{display:flex;flex-wrap:wrap;flex:1 1;align-items:center;justify-content:center;min-width:230px;background:#0f2cd0}#about .about-info .job-content{flex:3 1;display:flex;flex-wrap:wrap;border-left:3px solid #eece1a;overflow:hidden;padding-bottom:10px}#about .about-info .job-content .job-points{line-height:1.8;list-style:none;padding:0 15px 0 0;margin-top:5px;margin-bottom:0;width:100%;background:#2342ef;box-shadow:0 0 15px 5px #2342ef}#about .about-info .job-content .job-points li{padding-left:2.8em;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAA8klEQVRIibWVPQrCQBCF3yxaWkQRoo1ewCI5geIVrK28XQpPIIoHiIUXMI0GBFNYiZCxMSGENdkf91Vb7L5vZ+axCzgW6R54xOMjAS+AN154S1wA+LtMiPK5F6SXpv1CF1DRhFkcspM/dQU4q0CMAV3kSxWIMaAXpncViE2LlCCUxaOIQStd8354LRP4jP3hG2IHYIZauoSJeV1NlVCR6+qNTCWrxGoGdUkq2f8VINNfAZIWLajytmipPrNfSRIERA5uXsbU+DUtKmgyByxn0GZuBVAxtwKomFsBVMxtAUpfZkfXlQlbYgwIvPaCtPXTd64P1PelSreOnS8AAAAASUVORK5CYII=) no-repeat left 5px;background-position:15px 5px;background-size:20px 20px}#about .about-info .job-content .job-technologies{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;width:100%;padding-top:10px}#about .about-info .job-content .job-technologies .technology{background:#2342ef;box-shadow:0 0 15px 5px #2342ef;color:#eece1a;font-size:20px;font-weight:500;padding:0 10px}#about .about-info .job-content .job-description{padding:.5em 1em}#about .about-info .job-content .job-item{width:100%}#about .about-info .job-content .job-subtitle{padding:5px 10px}#about .about-info .job-title{margin-bottom:10px;font-weight:500;width:100%;text-align:center}#about .about-info .job-img-container{width:100%}#about .about-info .job-img-container img{display:block;margin-left:auto;margin-right:auto;height:50px}#about .about-info .job-position{font-size:20px;color:#eece1a;text-align:center;padding-bottom:.4em}.job-card{opacity:0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes anim-in{0%{-webkit-transform:translateX(60px);transform:translateX(60px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.header{padding:5px;position:fixed;z-index:4;width:100%;height:60px;background-color:#0f2cd0}.header .menu-btn{position:absolute;z-index:3;left:25px;top:25px}.header .menu-btn,.header .menu-btn .btn-line{-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.header .menu-btn .btn-line{width:28px;height:3px;margin:0 0 5px;background:#fff}.header .menu-btn.menu-true{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.header .menu-btn.menu-true .btn-line:first-child{-webkit-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px)}.header .menu-btn.menu-true .btn-line:nth-child(2){opacity:0}.header .menu-btn.menu-true .btn-line:nth-child(3){-webkit-transform:rotate(-45deg) translate(7px,-6px);transform:rotate(-45deg) translate(7px,-6px)}.header .menu{position:fixed;top:0;width:100%;opacity:.9}.header .menu-branding,.header .menu-nav{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;width:50%;height:100vh;overflow:hidden}.header .menu-nav{margin:0;padding:0;background:#1030de;list-style:none;float:right}.header .menu-nav .nav-item{display:inline-block;position:relative;font-size:24px;text-transform:uppercase;padding:.4rem 0;font-weight:500;text-decoration:none}.header .menu-nav .nav-item .nav-link{padding:0;color:#fff}.header .menu-nav .nav-item .active,.header .menu-nav .nav-item .nav-link:hover{color:#eece1a}.header .menu-nav .header-name{color:#eece1a;font-size:36px;border-bottom:3px solid #fff}.header .menu-branding{background:#1a3aee;float:left}.header .menu-branding .portrait{width:250px;height:250px;opacity:1;border-radius:50%;border:3px solid #eece1a;background-repeat:no-repeat;background-image:url(/static/media/brian.6145af16.jpg);background-size:cover;background-position:0 -10px}#nav-header{background-color:#0f2cd0;z-index:4;width:100%;height:70px;position:fixed}#nav-header .menu-nav{width:100%;height:100%;padding-left:65px}#nav-header .menu-nav .nav-link{display:inline-block;position:relative;font-size:26px;text-transform:uppercase;padding:1rem 0;font-weight:500;text-decoration:none;margin-right:40px;color:#fff;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}#nav-header .menu-nav .nav-link:hover{color:#eece1a;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}#nav-header .menu-nav .nav-link.active{color:#eece1a}.main{padding:4rem;height:100vh;overflow:hidden}.main h1{margin-top:10vh}.main .dot{color:#fff}#work{padding:4rem;height:100%;min-height:200vh;overflow:hidden}#work h1.lg-heading{margin-top:30px}#work h2.sm-heading{margin-top:25px}#work .projects{margin-top:30px}#work .projects .card{margin:30px auto;max-width:350px;min-width:350px;box-shadow:0 0 15px 5px #eece1a;padding:5px;background:#4963f2}#work .projects .card-title{color:#eece1a;font-size:1.8rem;text-align:center;font-weight:600;margin-bottom:.9rem}#work .projects .card-body{background:#4963f2;color:#fff;border-bottom:3px solid #eece1a;padding-top:10px}#work .projects .card-text{text-align:center;font-weight:500}#work .projects .card .project-description{min-height:75px}#work .projects .card .project-technologies .technology{color:#eece1a;padding:0 10px}#work .projects .card .project-technologies .technology .tech{width:100%}#work .projects img{width:100%;min-height:320px;max-height:320px;cursor:pointer;border-radius:.3rem;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}#work .projects img:hover{opacity:.8;padding:.7rem;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}#work .btn,#work .btn-dark,#work .btn-light{display:block;padding:.5rem 1rem;border:0}#work .btn-dark:hover,#work .btn-light:hover,#work .btn:hover{background:#eece1a;color:#fff}#work .btn-dark{background:#010208;color:#fff}#work .btn-light{background:#fff;color:#333}.project-card{opacity:0}@keyframes anim-in{0%{opacity:0}to{opacity:1}}.icons{margin:50px 1rem 90px}.icons a{padding:.4rem;margin-right:.8rem;margin-left:.8rem;color:#fff}.icons a:hover{color:#eece1a;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}#nav-header .icons{margin-top:1rem;float:right}*{box-sizing:border-box}body>#root>div{min-height:100vh;height:100%}#project-root{background:rgba(8,22,103,.9);color:#fff;margin:0;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.5}#project-root:after{content:"";background:url(/static/media/background.73906c83.jpg);background-size:cover;z-index:-1;position:fixed;top:0;left:0;width:100%;height:auto;min-height:100%;min-width:1024px}h1,h2,h3{margin:0;font-weight:400}h1.lg-heading,h2.lg-heading,h3.lg-heading{font-size:6rem;margin-bottom:.5rem}h1.sm-heading,h2.sm-heading,h3.sm-heading{font-size:2rem;padding:.2rem 1rem;background:rba(#2342ef,.5)}h1.sm-heading-sec,h2.sm-heading-sec,h3.sm-heading-sec{color:#eece1a;font-size:2rem;padding:.2rem 1rem}a{color:#fff;text-decoration:none}.text-secondary-color{color:#eece1a}@media screen and (min-width:769px) and (max-width:1170px){#nav-header{height:60px}#nav-header .menu-nav .nav-link{font-size:20px;margin-right:20px}}@media screen and (max-width:768px){.main{align-items:center;text-align:center}.main h1.lg-heading{font-size:60px;line-height:1;margin-bottom:1rem}.main .sm-heading{font-size:24px;line-height:1;margin-bottom:1rem}.main .tech-stacks{line-height:.75}.main .tech-stacks .stack{display:block;width:100%}.main .tech-stacks .dot{visibility:hidden}.header .menu{position:static}.header .menu-branding,.header .menu-nav{float:none;width:100%;min-height:0;flex-direction:column}.header .menu-branding{height:25vh}.header .menu-nav{padding-bottom:20vh;height:75vh}.header .menu .portrait{width:150px;height:150px}#about{padding:2rem}#about h1.lg-heading{font-size:60px;margin-top:60px}#about h2.sm-heading{padding-left:0}#about .about-info .job-card{display:block}#about .about-info .job-header{display:block;width:230px;margin:15px auto auto}#about .about-info .job-content{border:none}#about .about-info .job-content .job-technologies{border-top:3px solid #eece1a}#about .about-info .job-position{margin-bottom:15px}#work{align-items:center;text-align:center}#work .lg-heading{font-size:60px;line-height:1;margin-bottom:1rem}#work .sm-heading{font-size:24px;line-height:1;margin-bottom:1rem;padding-left:0}}@media screen and (max-width:500px){#work{padding:20px}#work h1.lg-heading{margin-top:60px;text-align:center}#work .sm-heading{text-align:center}#work .projects .card{max-width:280px;min-width:280px}#work .projects .project-technologies .technology{display:block}.main{padding-left:0;padding-right:0}.main h1.lg-heading{font-size:45px}.main .tech-stacks .stack{font-size:22px}#about h1.lg-heading{margin-top:60px;text-align:center}#about .sm-heading{text-align:center}.header .menu-nav{padding-bottom:0}.about-info .bio>p{font-size:1.2rem}}
/*# sourceMappingURL=main.d9fed420.chunk.css.map */