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