@import url(https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=BhuTuka+Expanded+One&display=swap);:root{--dark-background:#040404;--dark-900:#1f1f1f;--dark-800:#303030;--gray-700:#5a5a5a;--gray-500:#848484;--gren:#40e2af;--blue:#00afd5;--pink:#f17fed;--pink-selection:#f17fed58;--white:#fafafa;--dark-text:var(--dark-900);--light-text:var(--white)}*{font-family:Lato,sans-serif;margin:0}::selection{background-color:#f17fed58;background-color:var(--pink-selection)}body,html{height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}.PrimaryButton{display:inline-block;height:68px;position:relative;width:188px}.PrimaryButton button,.SecondaryButton button{background-color:#040404;background-color:var(--dark-background);border:none;color:#fafafa;color:var(--light-text);font-size:1.2rem;font-weight:600;height:60px;transition:margin .28s ease-out;width:180px}.PrimaryButton div{background-image:linear-gradient(90deg,#40e2af,#00d7bc,#00ccc5,#00c0ca,#00b3ca,#00afd5,#00aade,#2ca4e4,#59a1f6,#8d9bff,#c18ffd,#f17fed);bottom:0;height:60px;position:absolute;right:0;width:180px;z-index:-1}.PrimaryButton button:hover{cursor:pointer;margin:8px 0 0 8px;transition:margin .18s ease-in}@-webkit-keyframes primaryButtonAnimation{0%{margin:0}to{margin:8px 0 0 8px}}@keyframes primaryButtonAnimation{0%{margin:0}to{margin:8px 0 0 8px}}.PrimaryButton button:focus-visible{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.95s;animation-duration:.95s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:primaryButtonAnimation;animation-name:primaryButtonAnimation;outline:none}.SecondaryButton{display:inline-block;margin:24px 0;position:relative}.SecondaryButton,.SecondaryButton button{background-color:initial;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.SecondaryButton button{color:#1f1f1f;color:var(--dark-900);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-left:0;padding-right:28px;z-index:2}.SecondaryButton svg{height:20px;padding-top:1px;position:absolute;right:0;top:2px;transition:right .28s ease-out}.SecondaryButton button:hover{cursor:pointer}.SecondaryButton button:hover~svg{right:-8px;transition:right .18s ease-in}@-webkit-keyframes secondaryButtonAnimation{0%{right:0}to{right:-8px}}@keyframes secondaryButtonAnimation{0%{right:0}to{right:-8px}}.SecondaryButton button:focus-visible{outline:none}.SecondaryButton button:focus-visible~svg{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.65s;animation-duration:.65s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:secondaryButtonAnimation;animation-name:secondaryButtonAnimation}.gradientTitleMain,.gradientTitleSecondary{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right bottom,#40e2af,#00d7bc,#00ccc5,#00c0ca,#00b3ca,#0eb3ca,#18b3cb,#1fb3cb,#25bfce,#34ccd0,#47d7cf,#5de3ce);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gradientTitleSecondary{background-image:linear-gradient(90deg,#40e2af,#00d7bc,#00ccc5,#00c0ca,#00b3ca,#00afd5,#00aade,#2ca4e4,#59a1f6,#8d9bff,#c18ffd,#f17fed)}.titleOne{font-size:3.8rem;line-height:62px;margin:0}.titleTwo{font-size:1.9rem;font-weight:800}.gradientTitleTwo{font-size:1.5rem;margin:0}.titleThree{font-size:1.4rem;font-weight:900;line-height:22px;margin:0}.titleFour{font-weight:600;letter-spacing:2px;margin:18px 0}.intialTopMargin{margin-top:60px}.primaryTopMargin{margin-top:120px}.generalContainer{min-width:300px;padding:0 16px}.maxGrowth,.secondaryMaxGrowth,.tertiaryMaxGrowth{margin:0 auto}.maxGrowth{max-width:1040px;width:100%}.secondaryMaxGrowth{max-width:700px}.tertiaryMaxGrowth{max-width:500px}.dotPulse{-webkit-animation:dotPulse 1.5s linear infinite;animation:dotPulse 1.5s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s;box-shadow:9999px 0 0 -5px #40e2af;left:-9999px;position:relative}.dotPulse,.dotPulse:after,.dotPulse:before{background-color:#40e2af;border-radius:50%;color:#40e2af;height:20px;width:20px}.dotPulse:after,.dotPulse:before{content:"";display:inline-block;position:absolute;top:0}.dotPulse:before{-webkit-animation:dotPulseBefore 1.5s linear infinite;animation:dotPulseBefore 1.5s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;box-shadow:9984px 0 0 -5px #40e2af}.dotPulse:after{-webkit-animation:dotPulseAfter 1.5s linear infinite;animation:dotPulseAfter 1.5s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;box-shadow:10014px 0 0 -5px #40e2af}@-webkit-keyframes dotPulseBefore{0%{box-shadow:9978px 0 0 -5px #40e2af}30%{box-shadow:9978px 0 0 -1px #40e2af}60%,to{box-shadow:9978px 0 0 -5px #40e2af}}@keyframes dotPulseBefore{0%{box-shadow:9978px 0 0 -5px #40e2af}30%{box-shadow:9978px 0 0 -1px #40e2af}60%,to{box-shadow:9978px 0 0 -5px #40e2af}}@-webkit-keyframes dotPulse{0%{box-shadow:9999px 0 0 -5px #40e2af}30%{box-shadow:9999px 0 0 -1px #40e2af}60%,to{box-shadow:9999px 0 0 -5px #40e2af}}@keyframes dotPulse{0%{box-shadow:9999px 0 0 -5px #40e2af}30%{box-shadow:9999px 0 0 -1px #40e2af}60%,to{box-shadow:9999px 0 0 -5px #40e2af}}@-webkit-keyframes dotPulseAfter{0%{box-shadow:10020px 0 0 -5px #40e2af}30%{box-shadow:10020px 0 0 -1px #40e2af}60%,to{box-shadow:10020px 0 0 -5px #40e2af}}@keyframes dotPulseAfter{0%{box-shadow:10020px 0 0 -5px #40e2af}30%{box-shadow:10020px 0 0 -1px #40e2af}60%,to{box-shadow:10020px 0 0 -5px #40e2af}}@media (min-width:440px){.generalContainer{padding:0 32px}}@media (min-width:600px){.generalContainer{padding:0 42px}}@media (min-width:780px){.tertiaryMaxGrowth{max-width:100%}}@media (min-width:990px){.generalContainer{padding:0 110px}.secondaryMaxGrowth{max-width:100%}}.App{margin:0}@media (min-width:990px){.experienceSectionContainer{display:flex}}.innerNav{padding-left:0!important;padding-right:0!important}#ProjectCarousel .SecondaryButton,.Navbar .SecondaryButton,.navbarDrawerBox .SecondaryButton{background-color:initial;margin:0}#ProjectCarousel .SecondaryButton button,.Navbar .SecondaryButton button,.navbarDrawerBox .SecondaryButton button{font-size:1rem;font-weight:500;margin:0}.Navbar .SecondaryButton{margin-left:10px}.Navbar .SecondaryButton button{font-size:1.1rem;font-weight:600}.Navbar .SecondaryButton svg{height:19px;top:4px}.navbarDrawerBox .SecondaryButton svg{height:16px}.Navbar a,.navbarDrawerBox a{color:var(--dark-900);text-decoration:none}.Navbar a:hover .SecondaryButton svg,.navbarDrawerBox a:hover .SecondaryButton svg{right:-8px;transition:right .18s ease-in}.Navbar a:focus-visible,.navbarDrawerBox a:focus-visible{outline:none}.drawerLinks{padding-left:1px}@media (min-width:440px){.drawerLinks{padding-left:16px}}@media (min-width:600px){.drawerLinks{margin:4px 0;padding-left:26px}.drawerLinks,.navbarDrawerBox .SecondaryButton button{font-size:1.1rem}.navbarDrawerBox .SecondaryButton svg{height:20px;top:2px}}#IntroSection{max-width:700px}#IntroSection h1{color:#1a1a1a}#IntroSection p{margin:30px 0;text-align:justify}#IntroSection a{color:var(--dark-900);text-decoration:underline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#IntroSection .buttonSection{display:flex;flex-direction:column;max-width:440px}@media (min-width:450px){#IntroSection .buttonSection{flex-direction:row;justify-content:space-between}}@media (min-width:600px){#IntroSection p{font-size:1.1rem;margin-bottom:36px}}#PictureSection{align-items:center;display:flex;height:360px;justify-content:center;margin:0 auto;max-width:700px;min-width:300px}#PictureSection article{position:relative}#PictureSection img{height:260px}#PictureSection div{background-color:#000;height:260px;margin:-250px 0 0 12px;width:263.5px;z-index:-1}@media (min-width:990px){#PictureSection{flex:1 1;justify-content:right;margin-top:60px}#ProjectsSection .titleContainer{display:flex;justify-content:space-between;width:100%}#ProjectsSection{margin-top:160px}}#ProjectCarousel{margin:40px 0;position:relative}.arrowsCarousel{margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.arrowsCarousel svg{margin:4px 40px 4px 0}#ProjectCarousel .disabledArrow{color:#b9b9b9}.carouselCard img{width:100%}.carouselCard div{margin:0 0 30px 30px}#ProjectCarousel .SecondaryButton{margin-top:20px}#ProjectCarousel .carouselCard a{color:var(--dark-800)}#ProjectCarousel .carouselCard{margin-right:40px;max-width:400px}#ProjectCarousel .carouselCard:last-of-type{margin-right:0}.ExperienceSection h2{padding-left:44px;position:relative}.ExperienceSection h4{font-size:1.2rem;font-weight:400;margin:16px 0}.ExperienceSection h5{color:var(--gray-500);font-size:1rem;font-weight:400;margin:6px 0}.ExperienceSection hr{background-image:linear-gradient(270deg,#e7e7e7,#c3c3c3,#a0a0a0,#7e7e7e,#5e5e5e);border:none;height:1px;margin:20px 0 50px}.ExperienceSection svg{font-size:30px;left:0;position:absolute;top:10px}.ExperienceComponent{margin-top:30px}.ExperienceComponent div:first-of-type{flex:1 1}@media (min-width:660px){.ExperienceComponent{display:flex;justify-content:space-between}.ExperienceComponent div:last-of-type{text-align:end}}@media (min-width:990px){.ExperienceComponent{flex-direction:column}.ExperienceComponent div:last-of-type{margin-right:0;text-align:start}.ExperienceSection{flex:1 1}.ExperienceSection:first-of-type{margin-right:20px}.ExperienceSection:last-of-type{margin-left:20px}}.Footer{background-color:var(--dark-background);padding-bottom:50px;padding-top:80px}.Footer,.Footer a{color:var(--light-text)}.Footer a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#linksSection{display:flex;max-width:500px}#linksSection p{flex:1 1;margin-right:60px}.Footer h1{font-size:2.2rem;font-weight:800;line-height:2.2rem}.Footer .gradientTitleTwo{font-size:2rem;font-weight:800;margin-top:4px}.Footer .nameTitle{font-size:2.4rem}.emailAndPhoneComp{font-size:1.2rem;line-height:1.4rem;margin-top:10px;padding-left:30px;position:relative}.emailAndPhoneComp svg{color:#3e3e3e;left:0;position:absolute}.Footer h6{color:#626262;font-size:.9rem;font-weight:400;margin-top:24px}#contactInfo{margin-top:100px}#linksSection{margin-top:90px}@media (min-width:440px){.Footer h1{font-size:2.7rem;line-height:2.7rem}.Footer .gradientTitleTwo{font-size:2.6rem;margin-top:4px}.Footer .nameTitle{font-size:2.8rem}.Footer h6{font-size:1rem;margin-top:30px}.emailAndPhoneComp{margin-top:12px}#linksSection p{font-size:1.1rem}}@media (min-width:990px){.Footer h1{font-size:3.2rem;line-height:3.2rem}.Footer .gradientTitleTwo{font-size:3.1rem;margin-top:4px}.contactAndLinks{display:flex}.contactAndLinks #contactInfo{margin-bottom:20px;margin-right:100px}.contactAndLinks #linksSection{margin-top:100px;max-width:700px}.contactAndLinks #linksSection p{font-size:1.2rem;margin-right:100px}}.HeaderAndFooter{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.HeaderAndFooter .Footer,.HeaderAndFooter .Navbar{flex:0 1}.HeaderAndFooter .container{flex:1 1}.Contact .emailForm .PrimaryButton{margin-top:50px}.Contact .information h1{font-size:2.1rem;font-weight:800}.Contact .information p{font-size:1.2rem;margin:36px 0;text-align:justify}.Contact .information .emailAndPhoneComp{margin:30px 0}.Contact .information a{color:var(--dark-900)}.Contact .emailForm .loadingContainer{margin:20px auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Contact .emailForm .messageSent{font-size:2.2rem;font-weight:800;margin:80px 0}.Contact .emailForm,.Contact .information{flex:1 1}@media (min-width:780px){.Contact .contactContainer{display:flex;justify-content:space-between}.Contact .contactContainer .information{margin-right:40px}.Contact .emailForm .messageSent{margin:0}}@media (min-width:990px){.Contact .contactContainer .information{margin-right:80px}}.Projects h1{font-size:2.1rem;font-weight:800;margin-bottom:40px}.Projects .cardItem{margin-bottom:100px}.Projects .cardItem a{color:var(--dark-800)}.Projects .cardItem img{width:100%}.Projects .cardItem article{margin:20px 0 0}.Projects .cardItem .SecondaryButton button{font-size:1rem;font-weight:400}@media (min-width:780px){.Projects .cardItem{display:flex;justify-content:space-between}.Projects .imageRightSide{flex-direction:row-reverse}.Projects .cardItem section{width:48%}}@media (min-width:990px){.Projects .cardItem section{width:46%}.Projects .titleFour{font-size:1.2rem}.Projects .titleThree{font-size:1.5rem}}.ProjectDetails img{width:100%}.ProjectDetails h1{margin-bottom:18px}.ProjectDetails p{color:#000;font-weight:300;margin:20px 0;text-align:justify}.ProjectDetails a{color:#000}.ProjectDetails h3{margin:10px 0}.ProjectDetails article{margin:20px 0 30px}@media (min-width:780px){.ProjectDetails .projectSection{display:flex;justify-content:space-between}.ProjectDetails .projectSection section{width:48%}}@media (min-width:990px){.ProjectDetails .projectSection section{width:46%}.ProjectDetails .titleFour{font-size:1.2rem}.ProjectDetails .titleThree{font-size:1.5rem}}
/*# sourceMappingURL=main.2fa58ad7.css.map*/