@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Sansita+Swashed:wght@500&family=Teko:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);body,html{background-color:#000;background-image:url(/static/media/main-background.0cfe88ac.jpg);background-repeat:no-repeat;background-size:cover;font-family:"Sansita Swashed",cursive}.App,body,html{margin:0;padding:0;max-width:100vw;min-width:100vw;min-height:100vh;max-height:100vh}#navbar{background-color:rgba(0,0,0,.61)}#navbar-links{display:flex;margin:auto}.nav-item{color:#eeceee;margin:auto 2.5em;font-size:1.8em;font-family:"Abril Fatface",cursive;font-weight:700;text-decoration:none}.nav-item:hover{color:rgba(150,20,183,.6627450980392157);transition:color .6s}a:hover{text-decoration:none}@media only screen and (max-width:991px){.nav-item{margin:auto 0;font-size:1.4em}#logo{width:50px}}#socialMobile-container{display:flex;flex-direction:row;position:absolute;bottom:0;left:12.5%;padding:0;width:76%;height:2.7em;background-color:rgba(0,0,0,.61);color:#fff}#contact-details-mobile{font-size:1.3em}@media only screen and (min-width:992px){#socialMobile-container{display:none}}@media screen and (orientation:landscape){#socialMobile-container{display:none}}#aboutMe-container{display:flex;flex-direction:column;padding:1em 3em;width:76%;height:65vh;background-color:transparent;margin:1em auto 0;outline:none;border:none}#profile-wrap{margin:auto;width:30em;border-radius:8%;border:2px solid #eeceee;box-shadow:0 0 10px #9ecaed;-webkit-animation:drop 1s ease;animation:drop 1s ease}@-webkit-keyframes drop{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}@keyframes drop{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}#my-info{text-align:center;font-size:3em;color:#eeceee;margin:auto 1em;height:35%;max-width:100%}#my-info a{color:#eeceee;text-decoration:underline}#my-info a:hover{outline:none;text-shadow:0 0 10px #9ecaed}#greeting{font-size:2em;font-weight:700;color:#eeceee;margin:auto 1em;text-shadow:2px 2px 5px #031553}#tech{position:absolute;display:flex;flex-direction:column;top:0;left:0;justify-content:space-around;align-items:center;margin:auto;height:500px;max-height:500px;min-height:500px;width:105px}#tech,.verticalArrow{background-color:transparent}.verticalArrow{font-size:4em;color:#eeceee;border:none;outline:none}.verticalArrow:hover{outline:none;text-shadow:0 0 10px #9ecaed}.verticalArrow:focus{border:none;outline:none}#img-container{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:400px;min-height:400px;max-height:400px}@media only screen and (min-width:5000px){#aboutMe-container{margin:5% auto auto 14%}#my-info{height:40%;width:30em;margin:1em auto auto;font-size:5em}#profile-wrap{height:50em;width:50em}#tech{top:6%;left:0;height:1000px;max-height:1000px;min-height:1000px;width:210px}.verticalArrow{font-size:10em}#img-container{height:800px;min-height:800px;max-height:800px}#img-container>*{width:200px;height:200px}}@media only screen and (max-width:5000px){#aboutMe-container{margin:5% auto auto 14%}#my-info{height:40%;width:30em;margin:1em auto auto;font-size:5em}#profile-wrap{height:50em;width:50em}#tech{top:6%;left:0;height:1000px;max-height:1000px;min-height:1000px;width:210px}.verticalArrow{font-size:10em}#img-container{height:800px;min-height:800px;max-height:800px}#img-container>*{width:200px;height:200px}}@media only screen and (max-width:4000px){#greeting{font-size:2.1em}#aboutMe-container{margin:5% auto auto 14%}#my-info{height:40%;width:30em;margin:1em auto auto;font-size:3.2em}#profile-wrap{height:33em;width:33em}#tech{top:6%;left:0;height:900px;max-height:900px;min-height:900px;width:190px}.verticalArrow{font-size:8em}#img-container{height:700px;min-height:700px;max-height:700px}#img-container>*{width:180px;height:180px}}@media only screen and (max-width:3000px){#greeting{font-size:2em}#profile-wrap{height:22em;width:22em}#my-info{font-size:2.7em}#tech{top:5%;left:0;height:800px;max-height:800px;min-height:800px;width:170px}.verticalArrow{font-size:7em}#img-container{height:600px;min-height:600px;max-height:600px}#img-container>*{width:160px;height:160px}}@media only screen and (max-width:2200px){#greeting{font-size:1.9em}#my-info{font-size:2em;height:30%;width:27em;margin:1em auto auto}#profile-wrap{height:15em;width:15em;margin:1em auto}#tech{top:-4%;left:0;height:600px;max-height:600px;min-height:600px;width:150px}.verticalArrow{font-size:5em}#img-container{height:300px;min-height:300px;max-height:300px}#img-container>*{width:110px;height:110px}}@media only screen and (max-width:1850px){#greeting{font-size:1.8em}#my-info{font-size:2em;height:40%;width:25em;margin:1em auto}#profile-wrap{height:15em;width:15em}#tech{top:0;left:0;height:600px;max-height:600px;min-height:600px;width:130px}.verticalArrow{font-size:4em}#img-container{height:350px;min-height:350px;max-height:350px}#img-container>*{width:100px;height:100px}}@media only screen and (max-width:1650px){#greeting{font-size:1.7em}#my-info{font-size:1.8em;height:55%;width:23em;margin:1em auto}#aboutMe-container{height:60vh;margin:4em auto auto 14%}#profile-wrap{height:13em;width:13em}#img-container{height:280px;min-height:280px;max-height:280px}#img-container>*{width:80px;height:80px}#tech{top:0;left:-5%;height:450px;max-height:450px;min-height:450px;width:90px}.verticalArrow{font-size:3.5em}}@media only screen and (max-width:1400px){#greeting{font-size:1.6em}#profile-wrap{height:12em;width:12em}#aboutMe-container{margin:4em auto auto 14%}#my-info{width:22em;margin:1em auto}#img-container{height:280px;min-height:280px;max-height:280px}#img-container>*{width:80px;height:80px}#tech{top:0;left:-5%}.verticalArrow{font-size:3.2em}}@media only screen and (max-width:1200px){#greeting{font-size:1.3em}#my-info{font-size:1.5em;height:48%;margin:1em auto}#profile-wrap{height:11em;width:11em}#aboutMe-container{margin:2em auto auto 10%;height:68vh;width:84%}#img-container{height:280px;min-height:280px;max-height:280px}#img-container>*{width:80px;height:80px}#tech{top:5%;left:-5%;height:360px;max-height:360px;min-height:360px;width:90px}.verticalArrow{font-size:3.2em}}@media only screen and (max-width:991px){#aboutMe-container{flex-direction:column;height:60vh}#my-info{font-size:1.3em;margin:1em auto}#profile-wrap{margin:1em auto;height:10em;width:10em}#img-container{height:260px;min-height:260px;max-height:260px}#img-container>*{width:70px;height:70px}#tech{top:4%;left:-8%;height:330px;max-height:330px;min-height:330px;width:80px}.verticalArrow{font-size:2.3em}}@media only screen and (max-width:750px){#my-info{padding:0 2em;font-size:1.1em}#profile-wrap{height:8.5em;width:8.5em}#img-container{height:230px;min-height:230px;max-height:230px}#img-container>*{width:60px;height:60px}#tech{top:2%;left:-8%;height:300px;max-height:300px;min-height:300px;width:70px}.verticalArrow{font-size:2em}}@media only screen and (max-width:600px){#my-info{margin:0 auto;width:20em;font-size:1em}#profile-wrap{height:8em;width:8em}#aboutMe-container{padding:0;margin:2em auto auto 12%}#greeting{font-size:1.5em}}@media only screen and (max-width:400px){#profile-wrap{height:7em;width:7em}#my-info{width:20em;font-size:.8em}#my-info p{margin-top:1em}#tech{display:none}}#projects-container{width:76%;height:65vh;background-color:rgba(181,255,225,.5333333333333333);margin:7em auto 0;font-family:"Lato",sans-serif}#projects-carousel{display:flex;margin:auto;width:100%;justify-content:center}.projects-arrow{color:rgba(150,20,183,.6627450980392157);background-color:transparent;font-size:4.5em;font-weight:700;border:none;border-radius:50%;cursor:pointer;outline:none}.projects-arrow:focus{outline:none}.projects-arrow:hover{color:#9614b7;outline:none;border-color:#9ecaed;text-shadow:0 0 10px #9ecaed}.arrow-container{display:flex}#left-arrow{margin:auto auto auto 0}#right-arrow{margin:auto 0 auto auto}#projects-carousel-centre{display:flex;width:90%;margin-top:.5em}#projects-img{height:41vh;border-radius:10%}#projects-img:hover{outline:none;border-color:#9ecaed;box-shadow:0 0 10px #9ecaed}#project-link{margin:auto 2em auto 0;justify-content:center;align-items:center;display:flex}h1{color:#eeceee;text-shadow:0 0 2px #0d0b0e;font-size:2.2em;font-weight:bolder}#github-btn{background-color:#eeceee;color:#000}#github-btn:hover{outline:none;border-color:#9ecaed;box-shadow:0 0 10px #9ecaed}#projects-description{margin:auto 0;width:30vw;font-size:1.1em}@media only screen and (min-width:2501px){#projects-container{max-width:2500px;max-height:1500px;margin-top:5%}#projects-img{height:35vh;width:30vw;max-width:1000px;max-height:700px;min-width:200px}}@media only screen and (max-width:2500px){#projects-container{width:76%;height:65vh;margin:7em auto 0}#projects-img{height:35vh;width:30vw}#projects-description{margin:auto 4em}}@media only screen and (max-width:1650px){#projects-container{height:60vh;margin:5em auto 2em}#projects-description{margin:auto 1em}}@media only screen and (max-width:1200px){#projects-container{margin:2em auto;height:68vh;width:84%}#projects-img{height:35vh;width:344px}}@media only screen and (max-width:1100px){#projects-carousel-centre{display:flex;flex-direction:column}#projects-img{height:154px;width:300px}#projects-description{display:flex;flex-direction:column;justify-content:center;margin:22px auto;width:95%;font-size:.9em;text-align:center}#project-link{margin:auto}}@media only screen and (max-width:1030px){#projects-img{height:200px;width:400px}}@media only screen and (max-width:991px){#projects-container{height:60vh}#projects-img{height:212px;width:400px}#projects-description{font-size:.8em}#project-link{margin:auto}.projects-arrow{font-size:50px}h1{font-size:1.2em}#github-btn{font-size:.8em}}@media only screen and (max-width:991px){#projects-img{height:140px;width:320px}}@media only screen and (max-width:730px){#projects-img{height:118px;width:235px}#projects-description{font-size:.8em}}@media only screen and (max-width:670px){#projects-img{height:110px;width:235px}#projects-description{font-size:.6em}.projects-arrow{font-size:45px}h1{font-size:1.2em}#github-btn{font-size:.7em}}@media only screen and (max-width:560px){#projects-img{height:110px;width:210px}}@media only screen and (max-width:480px){#projects-img{height:90px;width:180px}}@media only screen and (max-width:450px){#projects-img{height:75px;width:170px}#projects-description{font-size:.55em}.projects-arrow{font-size:40px}h1{font-size:1em}#github-btn{font-size:.6em}}@media only screen and (max-width:400px){#projects-img{height:87px;width:160px}#projects-description{font-size:.6em}.projects-arrow{font-size:40px}h1{font-size:1em}#github-btn{font-size:.6em}}@media only screen and (max-width:350px){#projects-img{height:101px;width:154px}#projects-description{font-size:.5em}.projects-arrow{font-size:30px}}#social-container{display:flex;flex-direction:column;padding:0;width:7%;height:65vh;background-color:rgba(0,0,0,.61);float:right;margin:7em 0 auto;color:#fff}.contact-details{font-size:3em;margin:auto;border-radius:50%}a{color:rgba(150,20,183,.6627450980392157)}.contact-details:hover{color:#9614b7}.spin{transition:transform .8s ease-in-out}.spin:hover{transform:rotate(1turn)}@media only screen and (min-width:2501px){#social-container{max-width:2500px;max-height:1500px;margin-top:5%}}@media only screen and (max-width:1650px){#social-container{height:60vh;margin-top:5em}}@media only screen and (max-width:1200px){#social-container{margin-top:2em;height:68vh}}@media only screen and (max-width:991px){#social-container{display:none}}#message-container{display:flex;flex-direction:column;width:76%;height:70vh;background-color:transparent;margin:4em auto 0;font-family:"Lato",sans-serif;outline:none;border:none}#message-form{margin:1% auto auto;width:84%;text-align:center;outline:none}#message-form label{font-size:.9em;color:#fff}#message-form input,textarea{height:2em;min-height:30px;border:2px groove #eeceee;border-radius:10px;width:100%}#message-form textarea{display:flex;flex-direction:column;height:9vh;width:100%;min-height:50px}#contact-btn{background-color:#eeceee;color:#000;width:65%;border-radius:22px;margin:1% auto}#contact-btn:hover{outline:none;border-color:#9ecaed;box-shadow:0 0 10px #9ecaed}#contact-title{font-size:1.8em}#alert{display:flex;justify-content:center;align-items:center;width:76%;height:65vh;padding:1em;background-color:rgba(181,255,225,.5333333333333333);color:#eeceee;margin:1.5em auto 0;font-family:"Lato",sans-serif;font-size:2.4em;font-weight:bolder;text-align:center}@media only screen and (min-width:2501px){#alert{margin-top:0;font-size:3.8em}#alert,#message-container{max-width:2500px;max-height:1500px}#message-container{margin-top:5%}#message-form textarea{height:30vh}}@media only screen and (max-width:2500px){#alert{width:76%;height:65vh;margin:0 auto;font-size:3.5em}#message-container{margin:8em auto 0}#message-form textarea{height:25vh}}@media only screen and (max-width:2100px){#alert{height:60vh;margin:0 auto 2em;font-size:3em}#message-form textarea{height:28vh}#contact-title{font-size:2.2em}#contact-btn{font-size:1em}}@media only screen and (max-width:1650px){#alert{height:60vh;margin:.7em auto 2em;font-size:2.4em}#message-container{margin:3.5em auto 0}#message-form textarea{height:20.5vh}#contact-title{font-size:2.2em}}@media only screen and (max-width:1200px){#alert{margin:0 auto;height:68vh;width:84%;font-size:2em}#message-container{margin:2em auto;width:84%;height:65vh}#contact-title{font-size:1.6em}#contact-btn{font-size:.8em}#message-form textarea{height:20vh}}@media only screen and (max-width:991px){#alert{height:48vh;font-size:1.4em}#message-container{height:60vh}#contact-title{font-size:1.5em}#contact-btn{font-size:.7em}#message-form input,textarea{height:1.5em}#message-form textarea{height:10vh}}@media only screen and (max-width:650px){#alert{height:44vh;font-size:1.3em}#message-container{height:60vh}#contact-title{font-size:1.4em}#contact-btn{font-size:.7em}#message-form input,textarea{height:1.4em}#message-form textarea{height:10vh}}@media only screen and (max-width:400px){#alert{height:40vh;font-size:1em}#message-container{height:55vh}#contact-btn{font-size:.6em}}
/*# sourceMappingURL=main.b257636e.chunk.css.map */