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}div{position:relative}.App{width:100%;height:100%;scroll-behavior:smooth!important;background-color:#f4f1f1}.topHeader{display:grid;height:35%;overflow:hidden;background-color:#1279e0;border-radius:25px;padding:2rem;margin:2rem;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.topHeader .bioSection{justify-self:center}.title{font-size:3vw;margin:3rem}.mobileTitle,.title{height:30%;text-align:center;font-weight:200}.info-body,.mobileTitle,.title{font-family:Helvetica,Arial,sans-serif;justify-content:center}.info-body{display:flex;flex-wrap:wrap;background-color:#f4f1f1}.info-body .skillsetWrapper{margin:9vh 9vw 10vh;color:#131010}.info-body .skillsetWrapper .skill{display:flex;flex-wrap:wrap;justify-content:space-evenly}.info-body .skillsetWrapper .skill .items{margin:1rem;padding:5px 15px;border-radius:20px;color:#f4f1f1;background:#3a80c7}.info-body .p{font-family:Helvetica,Arial,sans-serif!important;color:#131010!important}.info-body .experience{border-radius:25px;padding:3rem 3rem 7.5rem;margin:1rem 2rem 2rem;color:#fff;background:#8dbff2;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.info-body .connect{margin:9vh 15vw 20vh;color:#131010;background-color:#f4f1f1}.info-body .connect .connectIcons{display:flex;margin-top:2vh;margin-bottom:2vh}.info-body .connect .connectIcons .sub-item{padding-left:.5rem}.info-body .connect .linkedIn{display:flex}.info-body .connect .linkedIn .linkedIn-btn{border:none;background-color:transparent;font-family:Helvetica,Arial,sans-serif;font-size:17px;color:#1976d2;padding-left:8px;padding-right:1vw}.info-body .connect .linkedIn .linkedIn-btn:hover{padding-left:8px;padding-right:1vw;transition:.5s;color:#c31a1a;font-size:17px;font-family:Helvetica,Arial,sans-serif;text-decoration:none;background-color:rgba(25,118,210,.04)}.linkButton{border:2px solid #6495ed;margin:18vw;text-transform:uppercase;text-decoration:none}.bioSection{display:grid;width:100%;color:#fff}.bioSection .bioBody{display:flex;width:100%;justify-content:start}.bioSection .bioBody .imgWrapper{margin:6rem}.bioSection .bioBody .imgWrapper .profile_pic{background-color:transparent;height:15rem;margin-top:13%;margin-left:.5rem;border-radius:25px;border:5px solid #fff}.bioSection .animationBody{margin:0;height:100vh;font-weight:100;background:radial-gradient(#a23982,#1f1013);-webkit-overflow-Y:hidden;-moz-overflow-Y:hidden;-o-overflow-Y:hidden;overflow-y:hidden;animation:fadeIn 1s ease-out 1;z-index:-1}.bioSection .light{position:absolute;width:0;opacity:.75;background-color:#fff;box-shadow:0 0 20px 2px #e9f1f1;opacity:0;top:100vh;bottom:0;left:0;right:0;margin:auto}.bioSection .x1{animation:floatUp 4s linear infinite;transform:scale(1)}.bioSection .x2{animation:floatUp 7s linear infinite;transform:scale(1.6);left:15%}.bioSection .x3{animation:floatUp 2.5s linear infinite;transform:scale(.5);left:-15%}.bioSection .x4{animation:floatUp 4.5s linear infinite;transform:scale(1.2);left:-34%}.bioSection .x5{animation:floatUp 8s linear infinite;transform:scale(2.2);left:-57%}.bioSection .x6{animation:floatUp 3s linear infinite;transform:scale(.8);left:-81%}.bioSection .x7{animation:floatUp 5.3s linear infinite;transform:scale(3.2);left:37%}.bioSection .x8{animation:floatUp 4.7s linear infinite;transform:scale(1.7);left:62%}.bioSection .x9{animation:floatUp 4.1s linear infinite;transform:scale(.9);left:85%}.bioSection button:focus{outline:none}@keyframes floatUp{0%{top:100vh;opacity:0}25%{opacity:1}50%{top:0;opacity:.8}75%{opacity:1}to{top:-100vh;opacity:0}}.bioSection .aniHeader{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:Helvetica,Arial,sans-serif;font-weight:200;color:#fff;font-size:2em}.bioSection #head1,.bioSection #head2,.bioSection #head3,.bioSection #head4,.bioSection #head5,.bioSection #head6,.bioSection #head7,.bioSection #head8{opacity:0}.bioSection #head1,.bioSection #head2{animation:fadeOut 5s ease-in 1}.bioSection #head2{animation-delay:6s}.bioSection #head3{animation:fadeOut 5s ease-in 1;animation-delay:12s}.bioSection #head4{animation:fadeOut 5s ease-in 1;animation-delay:17s}.bioSection #head5{animation:fadeOut 5s ease-in 1;animation-delay:22s}.bioSection #head6{animation:fadeOut 5s ease-in 1;animation-delay:27s}.bioSection #head7{animation:fadeOut 5s ease-in 1;animation-delay:32s}.bioSection #head8{animation:finalFade 5s ease-in 1;animation-fill-mode:forwards;animation-delay:37s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:0}30%{opacity:1}80%{opacity:.9}to{opacity:0}}@keyframes finalFade{0%{opacity:0}30%{opacity:1}80%{opacity:.9}to{opacity:1}}.mobileBioSection{width:100%;color:#fff}.mobileBioSection .mobileTitle{justify-self:center}.mobileBioSection .mobileImgWrapper{z-index:1}.mobileBioSection .mobileImgWrapper .mobileProfilePic{border-radius:25px;height:95%;width:95%;border:.5rem solid #fff}.mobileBioSection .bioBody{display:grid;width:100%;justify-content:space-between}.mobileBioSection .bioBody .text{color:#fff;margin-bottom:1rem}.connect{margin:9vh 15vw 20vh;color:#fff;background-color:#000}.connect .connectIcons{display:flex;margin-top:2vh;margin-bottom:2vh}.connect .connectIcons .sub-item{padding-left:.5rem}.connect .connectButton{display:flex}.connect .connectButton .connect-btn{border:none;background-color:transparent;color:#1976d2}.connect .connectButton .connect-btn,.connect .connectButton .connect-btn:hover{font-family:Helvetica,Arial,sans-serif;font-size:17px;padding-left:8px;padding-right:1vw}.connect .connectButton .connect-btn:hover{transition:.5s;color:#c31a1a;text-decoration:none;background-color:rgba(25,118,210,.04)}.jonah{display:grid;color:#131010;margin:3rem 2rem 0}.jonah .inputField{margin-top:1rem;width:100wh;border-radius:8px;background-color:#454444}.jonah .responseWrapper{display:grid}.jonah .responseWrapper .jonahButton{margin-top:1rem;padding:5px 15px;border-radius:20px;color:#f4f1f1;background:#3a80c7;justify-self:center}.jonah .response{justify-self:center;margin:1rem 0 3rem}.jonah .jonahBody{display:grid}.menu{display:flex;justify-content:space-between;text-decoration:none;position:-webkit-sticky;position:sticky;top:0;background-color:#f4f1f1;color:#000;z-index:2}.menu,.menu .nav-btn{font-family:Helvetica,Arial,sans-serif;font-weight:bolder}.menu .nav-btn{box-shadow:none}.menu .nav-btn:hover{transition:.5s;color:#c31a1a;font-family:Helvetica,Arial,sans-serif}.menu .menuNavbar{margin:1vw 2vw;text-decoration:none}.menu .menuNavbar .menuIcon{color:primary}.menu .menuNavbar .menuIcon:hover{color:#c31a1a}.menu .menuNavbar .menuIcon{margin-right:.5rem!important}.menu .name{margin-top:6px;font-size:1.5rem;font-weight:200;justify-self:center}.mobileHeader{display:flex;justify-content:space-between;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:2;background-color:#f4f1f1;height:5%}.mobileHeader .mobileName{color:#000;margin:6px;font-size:1.5rem;font-weight:200}.mobileMenu{display:grid;justify-content:space-between;padding:1rem;border-radius:0 20px 20px 0;text-decoration:none;position:fixed;box-shadow:1rem 1rem 2rem #000;background-color:#f4f1f1;color:#f4f1f1;z-index:2}.mobileMenu .menuNavbar{display:flex;text-decoration:none}.mobileMenu .menuNavbar .menuIcon{margin-right:.5rem!important;color:primary}.mobileMenu .menuNavbar .menuIcon:hover{color:#c31a1a}.mobileMenu .menuNavbar .nav-btn{font-family:Helvetica,Arial,sans-serif;font-weight:bolder;box-shadow:none}.mobileMenu .menuNavbar .nav-btn:hover{transition:.5s;color:#c31a1a;font-family:Helvetica,Arial,sans-serif}.aboutJonah{border-radius:25px;padding:3rem 3rem 7.5rem;margin:4rem 2rem 2rem;color:#fff;background:#8dbff2;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}
/*# sourceMappingURL=main.c4f27ffe.chunk.css.map */