body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Open Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:rgba(35,35,35,.7);height:46px;margin-bottom:10%;position:fixed;text-align:center;width:100vw;z-index:1}nav li{display:inline-block;font-size:150%;margin:.2% 2.5% 0}.toggle-button{display:none;flex-direction:column;height:21px;justify-content:space-between;position:fixed;right:1rem;top:.8rem;width:30px;z-index:2}.bar{background-color:#fff;border-radius:10px;height:3px;width:100%}.nav{color:#fff;font-weight:300;text-align:center;text-decoration:none}.nav:after{background:#fff;content:"";display:block;height:2px;transition:width .3s;width:0}.nav:hover:after{transition:width .3s;width:100%}@media only screen and (max-width:360px){nav li{font-size:120%}}@media only screen and (max-width:600px){.navbar{background-color:rgba(35,35,35,.9)}.toggle-button{display:flex}.nav{display:none}nav#hidden{background-color:#232323;margin-top:46px;min-height:30px;padding:15px 0;position:relative;text-align:center;width:100vw}nav#hidden .nav{display:flex}}.intro{align-items:center;background:url(/static/media/intro-wallpaper.026b66371900f2cda770.jpg);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;text-align:center;width:100vw}.headshot-about-container{display:inline-block;max-width:95vw;text-align:center}.linsk-container{display:inline-block;margin-top:9%;text-align:center;width:95vw}.info{color:#fff;font-family:Courier New,Courier,monospace}.aboutMe{min-width:35vw}.icon1,.icon2{display:inline-block;height:40px;vertical-align:middle;width:40px}.icon2{margin-left:5%;margin-right:5%}.resume-link{color:#fff;font-size:200%;font-weight:700;text-decoration:none;vertical-align:bottom}@media only screen and (width:768px){.intro{height:1024px}.links-container{margin-top:12%}}@media only screen and (min-width:768px){.intro{background-attachment:fixed}.links-container{margin-top:2.5%}}@media only screen and (min-width:1000px){.icon1,.icon2{height:50px;width:50px}}@media only screen and (width:1024px){.aboutMe{margin-top:3%}}.skills-container{display:inline-block;height:100%;justify-content:center;width:47%}.skills-box{border-radius:20px;display:flex;justify-content:center;margin:auto;opacity:.8;text-align:center;width:100%}.skills-inner-box{min-height:50vh;width:100vw}.skills-icons{height:30%;margin-bottom:12px;width:30%}.skills-icons-resize{height:22%;margin-bottom:12px;width:22%}.skills-sections{color:orange;display:inline-block;margin:1%;min-height:250px;text-align:center;vertical-align:top;width:48%}.text{font-size:100%;margin-bottom:10px;word-break:break-all}.skills-section-title{-webkit-animation:text 3s 1;animation:text 3s 1;border-bottom:2px solid #f5fffa;color:#f5fffa;font-size:27px;margin:auto auto 10px;max-width:200px;padding-bottom:5px;text-align:center}@-webkit-keyframes text{0%{color:#000;margin-bottom:40px}30%{letter-spacing:25px;margin-bottom:40px}85%{letter-spacing:8px;margin-bottom:40px}}@keyframes text{0%{color:#000;margin-bottom:40px}30%{letter-spacing:25px;margin-bottom:40px}85%{letter-spacing:8px;margin-bottom:40px}}@media only screen and (max-width:950px){.skills-container{margin-left:0;width:90%}.skills-box{margin-bottom:6%;margin-top:14.5%}.skills-sections{margin:2%;width:44%}}@media only screen and (min-width:980px) and (max-width:1300px){.skills-container{margin-left:3%;margin-top:180px;width:40%}.skills-sections{margin:4%;width:35%}}@media only screen and (min-width:1301px) and (max-width:1600px){.skills-container{margin-left:3%;width:45%}}@media only screen and (min-width:2201px){.skills-container{margin-left:4%}}.experience-container{min-height:100vh;position:relative;width:100vw}#experience{padding-top:14vh}.experience-subContainer{background-color:rgba(35,35,35,.9);display:flex;min-height:70vh;padding-bottom:50px;padding-left:4%;padding-top:1.5%;width:100%}.about-work-container{display:inline-block;min-height:100%;width:47%}.aboutMe-container{height:200px;width:600px}.aboutMe-title{color:#f5fffa;font-family:Lato;margin-bottom:10px}.orange-text{color:orange}.aboutMe-body{color:#f5fffa;display:block;font-size:17px}.work-title{color:#f5fffa;font-family:Lato;margin-bottom:15px}.work-timeline{color:#f5fffa;opacity:.7;vertical-align:top}.work-body-container{display:inline-block;height:280px;margin-left:30px;width:300px}.work-job-title{color:#f5fffa;display:block;font-family:Lato;font-size:22px;margin-bottom:2px}.position-title{color:#f5fffa;display:block;margin-bottom:10px;opacity:.7}.work-text-body{color:#f5fffa;display:block;font-size:17px;margin-bottom:15px}.work-tech-used{background-color:orange;border-radius:10px;color:#000;display:inline-block;font-family:Lato;margin:3px;padding:5px 10px}@media only screen and (max-width:950px){.experience-subContainer{display:block;padding-left:5%;padding-top:20px}#experience{padding-top:5vh}.aboutMe-container{height:250px;margin-bottom:10px;width:90%}.about-work-container{width:100%}}@media only screen and (min-width:1300px) and (max-width:2200px){#experience{padding-top:7.5vh}.about-work-container{margin-left:4%;margin-right:3%}}@media only screen and (min-width:2201px){.about-work-container{margin-left:11%}}.projects-container{min-height:100vh;width:100vw}#projects{padding-top:15vh}.projects{background-color:rgba(35,35,35,.9);min-height:65vh;padding:100px 4% 0;width:100vw}.project{margin:1% 3% 2%;min-height:330px;opacity:.89;width:640px}.image-container,.project{display:inline-block;vertical-align:top}.image-container{height:150px;width:260px}.image1{border:1px solid #278da9;border-radius:10px;height:100%;margin-bottom:3%;width:100%}.project-body-container{display:inline-block;margin-left:30px;width:300px}.project-title{color:#f5fffa;font-family:Lato;font-size:19px;margin-bottom:10px}.project-title:hover{color:#4682b4}.project-summary{color:#f5fffa;display:block;font-size:17px;margin-bottom:15px;opacity:.9}.tech-used{background-color:orange;border-radius:10px;color:#000;display:inline-block;font-family:Lato;margin:3px;padding:5px 10px}.projects-or{color:#fff;display:inline-block;font-family:Arial,Helvetica,sans-serif;margin-left:3%;margin-right:3%;vertical-align:super}.view-site{text-decoration:none}@media only screen and (max-width:600px){.projects{padding:40px 0 50px}#projects{padding-top:10vh}.project{display:grid;height:400px;margin:0 0 15%;place-items:center;width:100vw}.image-container{display:block!important;margin-bottom:4px}}@media only screen and (min-width:700px) and (max-width:1200px){#projects{padding-top:5vh}}@media only screen and (min-width:1300px) and (max-width:2200px){#projects{padding-top:7.5vh}}.submit{background-color:#232323;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;margin:8px 0;outline:none;padding:14px 20px;width:100%}.submit:hover{background-color:#104891}.ReactModalPortal>div{opacity:0}.ReactModalPortal .ReactModal__Overlay{align-items:center;display:flex;justify-content:center;transition:opacity .2s ease-in-out}.ReactModalPortal .ReactModal__Overlay--after-open{opacity:1}.ReactModalPortal .ReactModal__Overlay--before-close{opacity:0}.modal{align-items:center;background-color:#1b2735;border-radius:20px;color:#c0aeae;display:flex;justify-content:center;min-height:15vh;min-width:17vw;outline:none;padding:13px;text-align:center}.modal-button{background-color:#104891;border:none;border-radius:3px;color:#fff;cursor:pointer;height:30px;margin-top:20px;width:70px}.contact-container{background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);height:100vh;position:relative;width:100%}.contact{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}.contact-title{color:#199cda;font-size:35px;margin-bottom:3%;text-align:center}.form-label{color:#fff}.form{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}@media only screen and (min-width:500px) and (max-width:950px){.contact{width:70%}}@media only screen and (width:768px){.contact{width:80%}}@media only screen and (min-width:1000px){.contact{width:35%}}@media only screen and (width:1024px){.contact{width:70%}}*{border:0;margin:0;padding:0}.body{min-height:2000px;overflow:hidden;width:100%}.background-image{background:url(/static/media/programming-wallpaper.6952de7e15df06f51616.jpg);background-attachment:fixed;background-position:50%;background-size:cover;min-height:150vh;width:100vw}
/*# sourceMappingURL=main.ab22cb38.css.map*/