@import url(https://use.typekit.net/zfd6arz.css);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;700&display=swap);*{box-sizing:border-box}body{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;background:#f15946;transition:.4s ease-in-out;overflow-x:hidden}#root,body,html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}.scrollArea{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:auto;overflow-x:hidden}.container{-webkit-justify-content:left;justify-content:left}.container,.container2{top:20%;margin:0 auto;width:100%;max-width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.container2{-webkit-justify-content:center;justify-content:center}header{position:absolute;z-index:50;width:100%;padding:60px}@media (max-width:768px){header{padding:40px}}header .header-inner{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}header .header-inner .logo{z-index:100;font-weight:700;font-family:monospace;font-size:26px;letter-spacing:2px;color:#fff;text-decoration:none}header .header-inner .logo:hover{text-decoration:none}@media (max-width:600px){header .header-inner .logo{font-size:1rem}}.title{font-family:"Open Sans",sans-serif;font-weight:700;font-style:normal;font-size:3rem;text-align:left;width:100%;margin:0 auto 0 4rem;color:#fff}.title span{display:block}@media (max-width:1440px){.title{font-size:1.5rem}}.subtitle{font-family:"Open Sans",sans-serif;font-weight:700}.tag-wrapper{font-size:1.5rem;text-align:left;width:100%;margin:0 auto 50px 4rem;color:#fff}.tag-wrapper span{display:block}@media (max-width:1440px){.tag-wrapper{font-size:1rem;margin-left:1rem}}.tag-wrapper-link{color:#fff;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.tag-wrapper-link:hover{color:#fff}.tag{font-family:monospace}.body-info{font-family:"Open Sans",sans-serif;margin:2rem}@media (max-width:768px){.body-info{font-size:.9rem}}.loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#171717;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;z-index:1000}.loading-bar-container{width:100px;height:32px;background:#272727}.loading-bar{height:32px;background:#f15946}.arrow{text-align:center;position:absolute;top:85%;left:50%;color:#fff;float:right}.bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.position{position:absolute;top:58%;left:25.5%}.custom-button{font-family:monospace;font-weight:700;background:transparent;color:#fff;border:2px solid #fff;text-transform:uppercase;padding:10px 15px}.custom-button:hover{background:#fff;border:2px solid #fff;color:#f1c40f}.box{margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;position:absolute;top:80%}.item{font-family:"Open Sans",sans-serif;font-weight:700;text-align:center;margin-right:50px;color:#fff}.tech-icon{display:block}.text-link{color:#fff;text-decoration:underline}.text-link:hover{color:#fff}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity .4s;transition-delay:.6s}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .4s}.projects-container{position:absolute;width:100vw;height:100vh;top:20%}@media (max-width:768px){.projects-container{top:30%}}.quote-carousel{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;top:20%;font-family:"Open Sans",sans-serif;font-weight:700;font-size:1.5rem;color:#fff;margin-bottom:50px}@media (max-width:768px){.quote-carousel{text-align:center;font-size:.8rem;width:80%;margin:0 auto}}.projects{position:relative;padding-left:200px;top:5%}@media (max-width:768px){.projects{top:15%;padding-left:0;font-size:.5rem}}.projects-list{margin-right:400px}@media (max-width:768px){.projects-list{margin:0 auto;font-size:.5rem}}.project-item{list-style:none;border:1px solid #fff;margin:20px;padding:20px}@media (max-width:768px){.project-item{font-size:.8rem;width:80%;margin:20px 20px 20px 0}}.project-name{font-family:monospace;font-size:22px;margin-bottom:10px}@media (max-width:768px){.project-name{font-size:18px;font-weight:700}}.project-summary{font-family:"Open Sans",sans-serif;font-size:18px}@media (max-width:768px){.project-summary{font-size:14px}}.project-link{font-family:"Open Sans",sans-serif;font-weight:700;font-size:18px;color:#fff}.project-link:hover{color:#fff;cursor:pointer}@media (max-width:768px){.project-link{font-size:14px}}.modal-header{position:-webkit-sticky;position:sticky;width:100%;padding:20px 20px 10px}.modal-title{font-family:monospace;font-size:2em;display:inline-block;position:relative}@media (max-width:768px){.modal-title{font-size:1em}}.close-modal{padding:25px 25px 0 0;color:grey;position:absolute;top:0;right:0}.close-modal:hover{color:#bdbdbd}@media (max-width:768px){.close-modal{font-size:8px}}.modal-content{position:absolute;height:100%}@media (max-width:768px){.modal-content{font-size:12px}}.modal-description{padding:20px;border:none}.modal-button{font:inherit;padding:.5rem 1.5rem;border:1px solid #571ec1;border-radius:4px;background:#fff;color:#571ec1;cursor:pointer;text-decoration:none;text-transform:uppercase;display:block;margin:0 auto;text-align:center;width:60%;box-shadow:0 10px 20px -6px rgba(0,0,0,.12);transition:.2s ease-in-out}.modal-button:hover{color:#fff;background-color:#571ec1;text-decoration:none}@media (max-width:768px){.modal-button{font-size:10px}}.resume{margin:0 auto;position:relative;height:100%;left:30%;font-family:monospace;border:2px solid #fff;border-radius:10px;padding:10px;color:#fff;transition:.2s ease-in-out}.resume:hover{color:#fff;text-decoration:none;cursor:pointer;padding:11px}footer{position:absolute;bottom:0;height:60px;width:100%}.faceshot{height:200px;border:5px solid #fff;border-radius:300px;margin-top:200px;box-shadow:0 10px 20px -6px rgba(0,0,0,.5)}@media (max-width:768px){.faceshot{margin-top:250px}}.contact-title{margin-top:30px;font-family:"Open Sans",sans-serif;font-weight:300;font-size:1.5rem;color:#fff}@media (max-width:768px){.contact-title{font-size:1rem}}.linkedin{color:#fff;box-shadow:0 10px 20px -6px rgba(0,0,0,.12)}.footer{font-family:"Open Sans",sans-serif;font-weight:300;margin-top:50px;padding:50px;font-size:1rem;color:#fff}@media (max-width:768px){.footer{margin-top:100px;padding:30px;font-size:.8rem}}.nav-links{list-style:none;margin:0;padding:0;width:100%;height:100%;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}.nav-links li{margin:5rem;font-family:monospace;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:2px}.nav-links a{border:1px solid transparent;color:#fff;text-decoration:none;padding:.7rem}.nav-links a.active,.nav-links a:active,.nav-links a:hover{transition:all .2s ease-in-out;border:2px solid #fff;border-radius:5px;color:#fff}.nav-links button{cursor:pointer;border:3px solid #fff;color:#fff;background:transparent;padding:.5rem;font:inherit}.nav-links button:focus{transition:all .2s ease-in-out;outline:none}.nav-links button:active,.nav-links button:hover{transition:all .2s ease-in-out;color:#fff}@media (min-width:768px){.nav-links{-webkit-flex-direction:row;flex-direction:row}.nav-links li{margin:0 .5rem}.nav-links a{color:#fff;text-decoration:none}.nav-links button{border:2px solid #fff;color:#fff;background:transparent}.nav-links button:active,.nav-links button:hover{transition:all .2s ease-in-out;color:#fff}}.hamburger{display:none}.bar{display:block;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background-color:#fff}@media only screen and (max-width:768px){.nav-menu{position:fixed;left:-100%;top:-30%;-webkit-flex-direction:column;flex-direction:column;background-color:transparent;width:100%;border-radius:10px;text-align:center;transition:.3s}.nav-links li{margin:1rem;font-size:.8rem}.nav-menu.active{left:0}.nav-item{margin:2.5rem 0}.hamburger{display:block;cursor:pointer}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}}
/*# sourceMappingURL=main.e2c02374.chunk.css.map */