@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Gill Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,p{margin:0;padding:0}a{color:inherit}button{font-family:inherit}body{background-color:#fff;color:#1c1d20;overscroll-behavior-y:none}.App{display:flex;flex-direction:column;height:100%;min-height:100vh;width:100%}body::-webkit-scrollbar{width:.5em}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #0000001a}body::-webkit-scrollbar-thumb{background-color:#666;outline:1px solid #eee}.scroll{align-items:center;display:grid;flex:1 1}*{color:#37393a;font-family:Poppins,sans-serif;font-size:400;margin:0}.versionNumber{bottom:0;padding:0 2vh 5vh 0;position:fixed;right:0;z-index:10}.circle{background-color:#e9eeec;height:5vh;width:5vh;z-index:18}.background,.circle{border-radius:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.background{background-color:#ee6117;height:10vh;width:10vh;z-index:17}.placeholder{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw}nav{align-items:center;display:grid;grid-template-columns:50% 50%;height:5.5vh;margin-top:1vh;width:100%;z-index:3}.sidenavNone{background-color:#fff;display:grid;height:100%;opacity:0;overflow-x:hidden;padding-top:60px;position:fixed;right:0;top:0;width:0}.hamburger{display:grid;float:right;justify-content:flex-end}.logo{font-size:2.3rem;font-weight:600;padding-left:6%;z-index:2}.logo p{color:#ee6117;font-family:DM Sans,sans-serif}.menu{height:17px;justify-items:flex-end;width:25px}.menu,.menuActive{display:grid;padding-right:3%;position:fixed;right:0;transition:all .2s ease-in-out;z-index:2}.menuActive{height:20px;width:30px}.mainMain{background-color:#eeeeeeb3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.menu .line{background-color:#37393a;border-radius:100px;float:right;height:2.5px;transition:all .2s ease-in-out;width:100%}.menu .line:first-child{width:70%}.menuActive .line:first-child{transform:rotate(45deg) translateY(-7px);transform-origin:left top}.menuActive .line:first-child,.menuActive .line:nth-child(2){background-color:#000;border-radius:100px;height:2.5px;transition:all .2s ease-in-out;width:100%}.menuActive .line:nth-child(2){transform:rotate(-45deg) translateY(7px);transform-origin:left bottom}.menu:hover .line,.menuActive:hover .line,.sidenav{background-color:#fff}.sidenav{align-items:center;display:grid;grid-template-columns:100%;height:100%;justify-content:flex-start;overflow-x:hidden;place-items:center;position:fixed;right:0;top:0;transition:.5s;width:50%;z-index:1}.marque{height:3.5rem;margin-bottom:5%;overflow:hidden;white-space:nowrap;width:100%}.marque p:hover{animation:animate .2s linear;position:relative;top:0}@keyframes animate{0%{top:0}to{top:-3rem}}.sidenav p{position:relative;top:0}.text{color:#858585;margin-bottom:14%}.sidenav .links,.sidenav a{text-decoration:none}.sidenav .links{color:#333;display:block;font-size:2.5rem;font-weight:600;margin-bottom:8%;transition:.3s}.sidenav .closebtn{font-size:36px;margin-left:50px;position:absolute;right:25px;top:0}@media screen and (max-width:1025px){.sidenav{width:75%}}@media screen and (max-width:824px){.sidenav{width:100%}.sidenav .links{font-size:2rem}.marque{height:3rem}}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}.landingPage{align-items:flex-end;background-image:url(/static/media/IMG-5777.2170a11ac609b2ad60b5.JPEG);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;display:grid;height:85.5vh;position:relative;width:100%}.descHome{font-size:1.8rem;margin:15% 10%}.descHome p{width:65%}.intro{padding:1% 1% 4% 2%}.intro p{color:#828287;font-size:1.4rem}.intro h1{font-size:6.4rem}.featuredProjects{margin:10vh 10% 0;width:80%}.featuredProjects h1{font-size:3rem;letter-spacing:1px;margin:0;padding:0}.featuredProjects h1:nth-child(2){-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;color:#0000;margin-bottom:8%}.buttonLinkContainer{display:flex;justify-content:center;padding-bottom:10%;padding-top:6%;width:100%}.buttonLinkContainer a{border:1px solid gray;border-radius:40px;color:#000;font-size:1.15rem;font-weight:500;overflow:hidden;padding:1.5% 2.5%;transition:transform .2s ease-in-out}.buttonLinkContainer a:hover{background-color:#d37d3a;border:none;color:#fff;transform:scale(1.06)}.wrapper{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(10,10%);height:80vh;width:100%}.wrapper div p{color:#e9eeec;font-size:1.05rem;font-weight:300}.wrapper div h2{color:#e9eeec;font-size:2.5rem;margin-top:3%}.projectOne{background-color:#d37d3a;border-radius:15px;grid-column:span 3/auto;padding:7%;width:86%}.projectTwo{background-color:#626494;background-image:url(/static/media/carDetection02.ce687dd02478d43c7700.png);background-position:90% -10%;background-size:26%;grid-column:span 6/auto;padding:3% 0 0 3%;width:94%}.projectThree,.projectTwo{background-repeat:no-repeat;border-radius:15px}.projectThree{background-color:#baaca1;background-image:url(/static/media/eCommerce_a.ad6133383928ffcd2a09.png);background-position:95% -5%;background-size:38%;grid-column:span 9/auto;padding:3%;width:92%}@media screen and (max-width:1367px){.wrapper{height:70vh}}@media screen and (max-width:1025px){.wrapper{gap:1.5rem;grid-template-columns:100%;height:auto;margin-top:15%}.projectOne,.projectTwo{grid-column:auto;padding:5% 0 5% 5%;width:95%}.projectTwo{background-size:contain;height:40vh}.buttonLinkContainer{margin-top:10%}.wrapper div p{font-size:.95rem}.wrapper div h2{font-size:1.7rem}.projectThree{background-position:bottom;background-size:contain;grid-column:auto;height:40vh;padding:5% 0 5% 5%;width:95%}}@media screen and (max-width:500px){.intro{padding:0 1% 0 5%}.intro p{font-size:1.35rem}.intro h1{font-size:4.8rem}.landingPage{align-items:flex-start}.mainContainer{margin-top:15%}.featuredProjects h1:nth-child(2){margin-bottom:0}.buttonLinkContainer a{padding:3% 4%}.featuredProjects h1{font-size:2.3rem}.descHome p{width:100%}.descHome{font-size:1.3rem;margin:25% 10%}}.main{margin:0;padding:0}.stripeLine{background-color:rgba(28,29,32,.175);border:none;height:2px;width:100%}.aboutCircle .circle{align-items:center;background-color:#e9eaeb;border-radius:100%;display:grid;font-size:3.5rem;height:10vh;justify-content:center;left:75%;padding:5%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10vh;z-index:1}.circle .logoEarth{animation:mymove 4s linear infinite}@keyframes mymove{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.aboutCircle{display:grid;justify-items:right;margin-bottom:8%;position:relative;width:100%}.landing{display:grid;justify-items:left;margin-top:25vh;width:70%}.landing,.resumeInfo{padding:0 15%}.landing .title{font-size:11.5rem;text-align:left}.loadingImage{background:url(/static/media/four.2ff80e61d45e450231d3.JPG);background-position:50%;background-repeat:no-repeat;background-size:cover;height:80vh;margin-bottom:15vh;padding:0;width:100%}.twoColumns{grid-column-gap:5%;column-gap:5%;display:grid;grid-template-columns:30% 65%;height:100vh;margin:0 16%;width:68%}.secondAboutImage{height:80vh}.heading{font-size:2.8rem;font-weight:600;letter-spacing:1.5px;margin-bottom:3%}.twoColumns .context{font-size:1rem;line-height:35px}.twoColumnsImages{grid-column-gap:8%;align-items:center;column-gap:8%;display:grid;grid-template-columns:46% 46%;height:75vh;margin-bottom:15vh;margin-top:20vh;padding:0 15%}.twoColumnsImages h3{font-size:calc(clamp(3.25em, 5vw, 4.5em)*.5);margin-bottom:8%}.personalImageTwo{background-image:url(/static/media/second.523dd72ad9d1c793c8d7.JPG);background-repeat:no-repeat;background-size:100%;height:80vh;width:100%}.resumeData{margin-bottom:3%;padding-top:1%;width:100%}.resumeData h1{font-size:1.5rem;font-weight:600;margin:1.5% 0}.resumeData p{color:#686868;font-size:1rem}.resumeData h3{color:#686868;font-size:1.1rem;font-weight:50;line-height:35px;margin-top:2.5%}.Language{background-color:#e9eaeb;height:-webkit-fit-content;height:fit-content;margin:7% 0;padding:5% 0 9%}.languages{grid-row-gap:20%;grid-template-columns:repeat(3,auto);row-gap:20%}.banner,.languages{display:grid;width:100%}.banner{background-color:#37393a;height:50vh;margin:25vh 0;overflow:hidden;padding:3% 0}.resume{height:40vh;padding-left:12%;width:88%}.buttonFillEight,.resume{align-items:center;display:grid}.buttonFillEight{background-color:#d37d3a;border-radius:50px;cursor:pointer;height:50px;white-space:nowrap;width:50px}.button{font-size:1.1rem}.marqueeText{width:100%}.marquee__inner,.marquee__innerRight{display:flex;flex-direction:row;justify-content:space-around}.marquee__inner span{-webkit-text-stroke:1px #e9eeec;font-size:5rem;transform:skewX(10deg)}.marquee__innerRight span{-webkit-text-stroke:1px #e9eeec;font-size:5rem;transform:skewX(-10deg)}.quote{align-items:center;background-color:#74838a;display:grid;height:60vh;justify-items:center;margin-top:20vh}.quote div{width:65%}.quote p{color:#e9eeec}.quote p:first-child{font-size:2.4rem;font-weight:500;text-align:center}.quote p:nth-child(2){font-size:1.2rem;margin-right:10%;margin-top:3%;text-align:right}@media screen and (max-width:1367px){.twoColumnsImages{margin-bottom:10vh}.banner{height:40vh;margin:15vh 0}.marquee__inner span,.marquee__innerRight span{font-size:4.5rem}}@media screen and (max-width:1025px){.marquee__inner span,.marquee__innerRight span{-webkit-text-stroke:0 #fff;color:#fff;font-size:4rem}}@media screen and (max-width:824px){.landingImage{height:20vh}.context{font-size:1.25rem;margin-top:10%}.landing{margin-top:20vh}.twoColumns{grid-template-columns:100%}.title{font-size:1.5rem;font-weight:500}.twoColumnsImages{height:50vh;margin-bottom:10vh;margin-top:10vh}.banner{height:27vh;margin:10vh 0}.marquee__inner span,.marquee__innerRight span{font-size:2.7rem}.quote{height:35vh}.quote div{width:85%}.quote p:first-child{font-size:1.6rem}.resume{height:30vh}.resumeData{grid-template-columns:100%;margin-bottom:10%}.resumeData p{text-align:left}.resumeData div{margin:1% 0}.quote{margin-top:10vh}}@media screen and (max-width:500px){.languages p{font-size:.95rem}.landing .title{font-size:4rem;font-weight:700}.Language{padding:10% 0 23%}.loadingImage{height:60vh;margin-bottom:5vh}.twoColumns{margin:0 10%}.context{font-size:1.1rem;margin-top:10%}.title{font-size:1.8rem;font-weight:500}.twoColumnsImages{display:grid;grid-template-columns:100%;height:100vh;margin-bottom:20vh;margin-top:10vh;padding:0 9%}.banner{height:25vh}.marquee__inner span,.marquee__innerRight span{font-size:1.8rem}.quote{height:35vh}.quote div{width:90%}.quote p:first-child{font-size:1.3rem}.quote p:nth-child(2){font-size:1rem}.resumeData h1{font-size:1.5rem;margin:6% 0}.resumeData p{font-size:.9rem;font-weight:200}.resumeData h3{font-size:.97rem;font-weight:100;margin-top:1%;padding-bottom:5%}.resumeData div{margin:3% 0}.resumeData{margin-bottom:14%}}.headerLanding h1{color:#1c1d20;font-size:5.5rem;font-weight:500}.headerLanding{align-items:center;display:grid;height:95vh;margin-bottom:2%;margin-top:4%;padding:3% 12%;width:65%}.btn10{background:#0000!important;border:1px solid #999d9e;border-radius:100px;bottom:0;font-size:1.1rem;overflow:hidden!important;padding:13% 0;position:relative;text-align:center;transition:all .3s ease-in-out}.btn10:hover{background-color:#ee6117;color:#fff}.btn10:before,.btn10:hover{transition:all .7s cubic-bezier(.77,0,.175,1)}.btn10:before{background:#ee6117;border-radius:100px;bottom:0;content:"";display:block;height:0;left:0;opacity:1;position:absolute;width:100%;z-index:-12}.btn10:hover:before,.btn1O:hover:before{border-radius:50px;height:100%;opacity:1}a{text-decoration:none}.filters{grid-gap:2rem;display:grid;grid-template-columns:repeat(4,25%)}.filters p{border:1px solid #999d9e;border-radius:100px;font-size:1.1rem;padding:13% 0;text-align:center}.filters p sup{color:#999d9e;margin-left:2%}.listofProjects .headers p{color:#999d9e;font-size:.9rem;font-weight:500}.headers,.individualProject{display:grid;grid-template-columns:45% 55%;margin:0 7%;position:relative}.individualProject{align-items:center;transition:.2s ease-in-out;z-index:0}.stripe{background-color:rgba(28,29,32,.175);border:none;height:1px;width:100%}.listofProjects{margin-bottom:10%;padding:0 6%;width:88%}hr{margin:4vh 0;width:0}.individualProject h1{font-size:2rem;margin:3% 0}.individualProject:hover h1,.individualProject:hover p{color:#ee6117}.individualProject:hover{transform:scale(1.02)}.individualProject p{color:#6f7071;margin-top:1.5%}.individualProject div:nth-child(2) p{display:inline-block;font-size:2rem;text-align:center;width:100%}.individualProject:hover div:nth-child(2) p{color:#e9eeec}.individualProject div:nth-child(2) div{align-items:center;background-color:#d37d3a;border-radius:100%;display:inline-block;display:grid;justify-content:center}@media screen and (max-height:1367px){.headerLanding{height:65vh}hr{margin:3vh 0}}@media screen and (max-width:1025px){.headerLanding{height:90vh;padding:0 12%}.headerLanding h1{font-size:5.2rem}hr{margin:3vh 0}.headerLanding p{font-size:1.2rem;width:80%}.individualProject h1{font-size:2rem}.individualProject div:nth-child(2) p{font-size:1.3rem}}@media screen and (max-width:824px){.headerLanding{height:60vh}.headerLanding h1{font-size:4.5rem}.headerLanding p{font-size:1.1rem}hr{margin:3vh 0}.headerLanding p{font-size:1.2rem;width:80%}.individualProject h1{font-size:2rem}.individualProject div:nth-child(2) p{font-size:1.3rem}}@media screen and (max-width:500px){.headerLanding{height:60vh;padding:0 12%}.heading{display:none}.individualProject{display:block}.stripe{margin:10% 2%;width:96%}.headerLanding h1{font-size:2.4rem;font-weight:600}.headerLanding p{font-size:1rem;padding-left:0;padding-top:7%}hr{margin:3vh 0}.headerLanding p{font-size:1.2rem;width:80%}.individualProject h1{font-size:1.7rem;margin-bottom:4%}.individualProject div:nth-child(2) p{font-size:1rem}}.contact{display:grid;justify-content:center;padding:3% 12% 5%;width:76%}.contactInfo{display:grid;grid-template-columns:75% 25%}.contact div h1{font-size:6rem;font-weight:700;margin-bottom:1%;margin-top:10%}.contact div h3{display:inline-block;font-weight:700;margin-bottom:3%;position:relative;text-decoration:none}.contact div h3>a:after{background:#1c1d20;bottom:0;content:"";height:.5px;left:0;position:absolute;transform:scaleX(0);transition:.25s linear;visibility:hidden;width:100%}.contact div h3>a:focus:after,.contact div h3>a:hover:after{transform:scaleX(1);visibility:visible}.contact div h3 a i{font-size:2.5rem;padding-left:1%}.message{color:#686868;font-size:1.2rem;font-weight:100;margin-bottom:5%;width:90%}.socialmedia a{font-size:1.4rem;margin-right:8%}@media screen and (max-width:1367px){.message{width:80%}.socialmedia a{margin-right:12%}.contact div h3{font-size:3rem;font-weight:700;margin-bottom:3%}.contact div h3 a i{font-size:2.2rem;padding-left:1%}.social{grid-template-columns:40% 60%}.socialmedia a{margin-right:7%}}@media screen and (max-width:800px){.message{font-size:1.1rem;width:85%}.contact div h1{font-size:1.3rem}.contact div h3{font-size:2.3rem;font-weight:700;margin-bottom:3%}.contact div h3 a i{font-size:1.8rem;padding-left:1%}.socialmedia a{margin-right:10%}}@media screen and (max-width:500px){.message{font-size:.85rem;width:85%}.contact div h1{font-size:1.1rem;font-weight:500;margin-bottom:5%}.contact div h3{font-size:1.1rem;font-weight:900;margin-bottom:6%}.contact div h3 a i{font-size:.85rem;padding-left:1%}.socialmedia{margin-top:20%}.socialmedia a{font-size:1.3rem;margin-right:15%}}footer{align-items:center;bottom:0;display:grid;font-size:1rem;grid-template-columns:60% 40%;height:10vh;left:0;margin-top:3vh;position:relative;width:100%}footer p:first-child{margin-left:10%;width:90%}footer p:nth-child(2){float:right;margin-right:12%;text-align:right;width:90%}footer p i{margin:0 3%}footer p span{margin:0 0 0 3%}@media screen and (max-width:824px){footer p{width:50%}}@media screen and (max-width:500px){footer p{width:90%}}.projectIdPage{margin:0;padding:0}.titleContainer{align-items:center;margin-top:12%;padding:0 14%;width:72%}.titleContainer h1{color:#1c1d20;font-size:6.5rem;font-weight:500}.lines{background-color:rgba(28,29,32,.175);border:none;height:1px;width:100%}.titleContainer p{color:#1c1d20;font-size:1.1rem}.projectInfo{grid-column-gap:5%;column-gap:5%;display:grid;grid-template-columns:repeat(2,45%);margin-top:5%}.portfolioImage{margin-top:12%}.info p:first-child{color:#999d9e;font-size:.9rem;font-weight:500;text-transform:uppercase}.info p:nth-child(2){color:#1c1d20;font-size:1rem;font-weight:500}.portfolioImage{background-color:#90ee90;display:grid;justify-content:center;width:100%}.portfolioImage img{transform:scale(.8);width:100%}.TwoColumns{display:grid;grid-template-columns:30% 70%;margin:0 17%;padding-bottom:20vh;padding-top:10vh}.projectDesc{font-size:1.4rem;font-weight:300;line-height:2rem}.title{font-size:1.2rem;font-weight:500}.projectLinks{display:grid;grid-template-columns:repeat(2,25%)}.projectDesc a{font-size:1.15rem;font-weight:500;margin-top:6vh;text-decoration:underline;text-underline-offset:10px}.projectlink{padding-top:6vh}.videoTitle{font-size:3rem;font-weight:500;margin-bottom:3vh;padding:0 15%}.box{padding:3%;width:100%}.videoContainer{background-color:#add8e6;background-position:50%;background-repeat:no-repeat;background-size:contain;height:80vh;margin:0 8%;width:84%}.descriptiveText{display:none}.imageContainer{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,50%);margin:0 8%;width:84%}.nextProject{align-items:center;display:grid;font-size:1.9rem;font-weight:500;height:45vh;justify-content:flex-end;padding:0 10%;width:80%}@media screen and (max-width:824px){.TwoColumns{grid-template-columns:100%}.title{padding-bottom:6%}.projectlink{padding-top:8vh}.box{padding:4.5%}.title{font-weight:600}}@media screen and (max-width:500px){.TwoColumns{margin:0 12%;padding-bottom:15vh}.imageContainer{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,100%);margin:0 8%;width:84%}.projectDesc{font-size:1.2rem}.nextProject{font-size:1.4rem;height:30vh}.projectLinks{display:grid;grid-template-columns:repeat(2,50%)}.titleContainer h1{font-size:3rem;padding-top:3%}.titleContainer p{font-size:1rem}.portfolioImage,.titleContainer{height:50vh}}.buttonFill{align-items:center;background-color:#eaeaeb;border-radius:50px;cursor:pointer;display:grid;height:50px;white-space:nowrap;width:50px}.button{display:inline-block;font-size:1rem;font-weight:600;margin:0 14%;text-transform:uppercase}.errorPage{color:#eaeaeb;display:grid;width:100%}.error{align-items:center;display:grid}.errorPage h1{color:#434448;font-size:10rem;padding-bottom:.5%;text-align:center}.errorPage h2{font-size:1.2rem;font-weight:400;padding-left:10%;text-align:center;width:80%}.buttonDiv{display:grid;justify-content:center;margin-top:5%}@media screen and (max-width:824px){.errorPage h1{font-size:10rem}.errorPage h2{font-size:1.1rem}}.headerTag{font-size:.95rem;position:absolute;position:fixed;right:1%;top:17vh;transform:scale(1);writing-mode:vertical-rl;z-index:10}@media screen and (max-width:500px){.headerTag{font-size:.95rem;position:absolute;right:2%;top:10%;transform:scale(1);writing-mode:vertical-rl}}.ring{border:2px solid rgba(31,30,30,.808);border-radius:100%;height:22px;left:0;pointer-events:none;position:fixed;top:0;transform:translate(-50%,-50%);transition-duration:1ms;transition-timing-function:ease-out;width:22px;will-change:width,height,transform,border;z-index:2}.ring.hovered{background-color:red;border-color:#d3d3d3;border-width:3px;height:50px;width:50px}.ring.nav{background-color:#ee6117;border:none;height:50px;width:50px}.logo{color:#fff;flex-direction:column;font-family:Brick Variant,Brush Script MT,cursive;padding:0;row-gap:2rem;width:100%}.logo,.logo span:first-child{align-items:center;display:flex;justify-content:center}.logo span:first-child{flex-direction:row}.largeText{color:#fff;font-family:Brick Variant,Brush Script MT,cursive;font-size:15rem;font-weight:400;text-transform:uppercase}.largeText:first-child,.largeText:last-child{margin-left:-.45rem}.mediumText{font-size:8rem;font-style:normal;font-weight:400;margin-top:-3rem;text-transform:uppercase}.mediumText,.subText{color:#fff;font-family:Brick Variant,Brush Script MT,cursive}.subText{font-size:5.75rem;margin-top:-7.5rem}.text-reveal,.text-reveal-logo{animation:fadeInAndOut 10s ease-in-out infinite forwards}.text-reveal{animation-delay:1s;opacity:0}@keyframes fadeInAndOut{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.4f75edff.css.map*/