@import url(https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&family=Montserrat&display=swap);@import url(https://fonts.googleapis.com/css2?family=Grand+Hotel&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,500;1,600&display=swap);*{margin:0;padding:0;box-sizing:border-box;transition:all .3s ease-in-out;scroll-behavior:smooth}@keyframes slideRight{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideLeft{0%{transform:translateX(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideDown{0%{transform:transLateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeoutLeft{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100px);opacity:0}}.btn{margin:1rem .5rem;padding:.4rem 1rem;border-radius:.9rem;border:1px solid #1a6aa2;background:#8bcbf9;letter-spacing:1px;text-transform:capitalize;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;box-shadow:2.1px 2.1px 5px 0 rgba(0,0,0,.75);cursor:pointer;font-weight:800}.btn:hover{background:#49a6e9;color:#c5e5fc}.btn:active{background:#1a6aa2;color:#c5e5fc}.link-btn{margin:1rem .5rem;padding:.4rem 1rem;border:#f8fafc;background-color:#f8fafc;letter-spacing:1px;text-transform:capitalize;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;cursor:pointer;font-weight:800}h1,h2,h3,h4,h5,h6{color:#48647f;font-family:"Playfair Display";font-weight:500;line-height:1.2}h1{font-size:5rem}.simpleForm{align-items:center;text-align:center;justify-content:center;align-content:center;place-items:center;margin-top:1vh;padding:10vh}#textForm{border:1px solid #cbd5e1;height:2rem}.formContainer{display:flex;justify-content:center;flex-wrap:wrap;padding:1rem 0}.form-control{border-color:#8bcbf9;padding:1rem;margin:2rem 0;width:100%;display:block;outline:none;border-radius:.3rem}.contactForm{width:50vw;min-width:20rem;max-width:31rem;padding:1rem 2rem;border-radius:.8rem;background:#c5e5fc;box-shadow:0 5px 15px rgba(0,0,0,.295)}.contactFormBtn{width:100%;margin:1rem .5rem;padding:.5rem 1rem;border-radius:.9rem;border:1px solid #1a6aa2;background:#8bcbf9;letter-spacing:1px;text-transform:capitalize;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;cursor:pointer;font-weight:800}.contactFormBtn:hover{background:#49a6e9;color:#c5e5fc}.contactFormBtn:active{background:#1a6aa2;color:#c5e5fc}footer{height:4rem;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo{width:40px;margin:0 5px;background-color:#fff;border-radius:.4rem}.footerContent{display:flex;align-items:center;text-align:center;justify-content:center;align-content:center;place-items:center}nav{height:4.3rem;box-shadow:0 5px 15px rgba(0,0,0,.295);background-color:#fff;overflow:hidden}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.navBar{display:flex;justify-content:space-between;padding-left:0;margin-bottom:0;list-style:none;align-items:center}.navLogo{animation:slideRight 1s ease forwards}.hideNavbar-nav{display:none}.navbar-nav{display:flex;flex-direction:row;justify-content:space-between;padding-left:0;list-style:none}.navbar-nav .nav-link{padding:0 16px}.nav-link{display:block;padding:.5rem .2rem;color:#6ebef7;text-decoration:none;transition:color .15s ease,background-color .15s ease-in-out,border-color .15s ease-in-out;opacity:0;animation:slideUp .5s ease forwards;animation-delay:calc(0.2s*var(--i))}@media(min-width:670px){.hideNavbar-nav{display:flex}.toggleItem{display:none}}#togglebtn{position:relative;display:none}.toggleBar{text-align:right}#togglebtn:hover{transform:scale(1.3)}.nav-btn{position:absolute;top:0;left:0;color:#000;width:28px;height:32px;background-color:transparent;border:0 transparent;cursor:pointer}@media(max-width:670px){#togglebtn{display:block}.hideBar{height:13rem}}@media(min-width:840px){nav{box-shadow:none;background-color:initial}.nav-link{color:#fff}}.whiteBackground{box-shadow:0 5px 15px rgba(0,0,0,.295);background-color:#fff;color:#6ebef7}.blueLetters{color:#6ebef7}.toggleItem{list-style:none;transition:all .3s linear}.toggleItem:hover{background-color:#a5d5f8}.toggleItem a:hover{color:#fff}main{height:100%}#Skills h1{opacity:0;transition:opacity 1s ease,transform .6s ease}#Skills h1.visible{opacity:1;animation:slideDown 2s ease forwards}.subheading{font-family:"Saira Extra Condensed",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-transform:uppercase;font-weight:500;font-size:1.5rem;align-items:center;text-align:center;justify-content:center;align-content:center;place-items:center}.list-inline-item{list-style-type:none;display:block;margin:5px;opacity:0;animation:slideUp 1s ease forwards;animation-delay:calc(0.2s*var(--i))}.list-inline{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin:2rem 0}.fa-ul{padding:2rem 0}.subheading{text-align:left}.sh1{align-items:center;text-align:center;justify-content:center;align-content:center;place-items:center;opacity:0;transition:opacity 1s ease,transform .6s ease}.sh1.visible{opacity:1;animation:slideLeft 2s ease forwards}.sh2{opacity:0;transition:opacity 1s ease,transform .6s ease}.sh2.visible{opacity:1;animation:slideRight 2s ease forwards}#Skills article{padding:1rem 0}.project-img{width:20rem;height:198px;border-radius:.8rem}.projects{display:flex;justify-content:center;flex-wrap:wrap;padding:1rem 0;opacity:0;transition:opacity 1s ease,transform .6s ease}.projects.visible{opacity:1;animation:slideUp 2s ease forwards}.projectContainer{width:22rem;margin:2rem 0;align-items:center;text-align:center;justify-content:center;align-content:center;place-items:center;opacity:0;animation:slideLeft 1s ease forwards;animation-delay:calc(0.2s*var(--i))}.projectImgContainer{position:relative;margin:1rem}.modal{position:absolute;width:20rem;height:198px;top:0;right:0;border-radius:.8rem}.modal:hover{background:rgba(224,233,240,.233)}.project-name{font-weight:700;color:#000}.projectTools{color:#1e1ec0}#Projects h1{word-wrap:break-word;word-break:break-all;opacity:0;transition:opacity 1s ease,transform .6s ease}#Projects h1.visible{opacity:1;animation:slideDown 2s ease forwards}@media(max-width:800px){.projects{justify-content:center}}#About,#Projects{background-color:#a5d5f8}.aboutContainer{display:grid;grid-template-columns:auto;place-items:center;grid-gap:1rem;gap:1rem;padding:1rem 0}.aboutContainer h2{margin:2rem 0}.aboutContainer div{margin:0 1rem}.profilePicAbout{width:300px;height:320px;border:2px solid #40e0d0;border-radius:50%;display:block;margin:20px;opacity:0;transition:opacity 1s ease,transform .6s ease}.profilePicAbout.visible{opacity:1;animation:slideLeft 2s ease forwards}.aboutSection1{display:grid;grid-gap:1vw;gap:1vw;align-items:center;text-align:center;justify-content:center;align-content:center;place-items:center;opacity:0;transition:opacity 1s ease,transform .6s ease}.aboutSection1.visible{opacity:1;animation:slideDown 2s ease forwards}.aboutSection2{display:grid;grid-template-columns:50% 50%;grid-gap:1vw;gap:1vw;align-items:center;text-align:center;justify-content:center;align-content:center;place-items:center}@media(max-width:1032px){.aboutSection1{grid-template-columns:auto;grid-gap:1vh;gap:1vh}.aboutSection2{display:flex;flex-direction:column}}@media(max-width:820px){.aboutContainer{grid-template-columns:auto;grid-gap:1rem;gap:1rem}}.aboutText{margin:0 1rem;font-size:20px;opacity:0;transition:opacity 1s ease,transform .6s ease}.aboutText.visible{opacity:1;animation:slideRight 2s ease forwards}.socialMediaIcons{display:flex;flex-direction:column;align-items:flex-end;position:fixed;bottom:4.3rem;right:1.5rem;z-index:11}.socialMediaIcons .socialMediaIcon{display:block;color:#49a6e9;opacity:0;animation:slideLeft .5s ease forwards;transition:transform .4s ease,opacity .4s ease;animation-delay:calc(0.2s*var(--i))}.mastheadIcons{animation:slideRight 1s ease forwards}.mastheadIcons .socialMediaIcon{color:#fff;animation:slideUp 2s ease forwards;animation-delay:calc(0.2s*var(--i));opacity:0}.socialMediaIcon{margin:.5rem}.socialMediaIcon:hover,.socialMediaIcon:link,.socialMediaIcon:visited{text-decoration:none}.socialMediaIcon svg:hover{transform:scale(1.2)}@media(max-width:521px){.formContainer{justify-content:center}.socialMediaIcon{display:inline-block}}.sideOptBar{opacity:1}.hide,.sideOptBar{animation:fadeoutLeft .5s ease}.hide{opacity:0;pointer-events:none;transition:opacity .6s ease,transform .6s ease}#about h1,#Contact h1,#Projects h1,#Skills h1{align-items:center;text-align:center;justify-content:center;align-content:center;place-items:center}.masthead{min-height:41rem;padding-top:7rem;padding-bottom:5.5rem;background:linear-gradient(180deg,rgba(142,145,158,.39) 0,rgba(36,63,138,.7)),url(/static/media/onLaptop2.79ae8f74.jpg);background-position:50%;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}.masthead h2,.masthead h3{color:#fff}.profilePic{max-width:320px;height:320px;border:2px solid #40e0d0;border-radius:50%;display:block;margin:20px;opacity:0;transform:scale(.8);transition:opacity 1s ease,transform .6s ease}.profilePic.visible{opacity:1;transform:scale(1)}.mastheadBlock{align-items:center}.mastheadBlock,.mastheadText{display:flex;flex-direction:column;justify-content:center}.mastheadText{color:#fff;padding:0 0 0 20vw}.mastheadText h3:first-child{animation:slideDown 1s ease forwards;opacity:0}.mastheadText h3:last-of-type{animation:slideUp 1s ease forwards;opacity:0}.mastheadText p{width:70%;margin:10px 0;animation:slideLeft 1s ease forwards;opacity:0}.mastheadName{color:#fff;text-transform:capitalize;padding:0;font-size:4rem;font-family:"Grand Hotel";word-wrap:break-word;animation:slideRight 1s ease forwards}.App{display:inline;color:#40e0d0;font-size:1.5rem}@media(min-width:992px){.masthead{height:100vh;min-height:41rem;padding-top:4.5rem;padding-bottom:0}header{box-shadow:none;background-color:initial}.mastheadBlock{flex-direction:row-reverse;margin:10vh 10vw 10vh 15vw}.mastheadText{padding:0 20px}}@media(max-width:670px){.mastheadName{font-size:4rem;line-height:55px}}.b-Top{position:fixed;bottom:2rem;right:2rem;color:#6ebef7;transition:all .3s linear;opacity:0;animation:slideLeft .5s ease forwards;animation-delay:calc(0.2s*var(--i))}.b-Top:hover{transform:scale(1.2)}footer,nav{padding:0 5vw}#About,#Projects,#Skills{padding:4rem 1vw;min-height:90vh}@media(min-width:600px){#About,#Projects,#Skills{padding:4rem 5vw}}
/*# sourceMappingURL=main.7444b1d0.chunk.css.map */