body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{scroll-behavior:smooth}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:rowdiesBold;src:url(/publicPortfolio/static/media/Rowdies-Bold.cb113fc2.ttf)}@font-face{font-family:RowdiesRegular;src:url(/publicPortfolio/static/media/Rowdies-Light.90502276.ttf)}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes verticalRotation{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes verticalRotation{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@media only screen and (min-width:1024px){#mainNav{background-color:#fff;height:70px;margin:0 auto;width:100%;font-family:RowdiesRegular;position:fixed;z-index:1000;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;border-bottom:1px solid #00f}.sideNav{display:none}.mainLogo img{width:135px;height:70px;margin-left:25px}.topNavMobile{display:none}.mainLogo img:hover{border:1px solid #00f;border-radius:5px}.Wrapper .typedWords{padding-top:50px;-webkit-animation-name:animation;animation-name:animation;-webkit-animation-direction:forwards;animation-direction:forwards;width:80%;margin:0 auto;-webkit-animation-duration:5s;animation-duration:5s;color:#000}.info{margin:20px 100px;text-align:left;width:60%;color:#000;font-size:30px}.projectSubHeading{-webkit-animation:animation 5s;animation:animation 5s;font-family:RowdiesRegular;margin-bottom:50px}.back-to-top{width:50px}li{color:#000;list-style:none;line-height:70px;margin-left:50px;font-size:20px}li a:hover{border:2px solid #00f;border-radius:10px 10px 10px 10px;box-shadow:1px 1px 5px 0 #00f}.mainNavList{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:auto;-webkit-align-items:center;align-items:center;margin-left:auto;margin-right:20vh}.Wrapper{width:100%;margin:auto;min-height:100vh;background-size:cover;padding-top:50px;background-image:url(/publicPortfolio/static/media/landingPageBG.e591a57d.jpg);background-repeat:no-repeat}.Wrapper h1{margin-top:15vh;color:#000;font-family:RowdiesRegular;font-size:30px;text-align:left;margin-left:100px;width:60%}.Wrapper a{color:#000;-webkit-animation-name:animation;animation-name:animation;-webkit-animation-duration:5s;animation-duration:5s;font-family:serif}.Wrapper .p1{overflow:hidden;white-space:nowrap;width:0;-webkit-animation:typing 5s steps(45) forwards;animation:typing 5s steps(45) forwards;width:80%;margin:0 auto;line-height:50px}h1{font-family:RowdiesRegular}.h1,h1{-webkit-animation-name:animation;animation-name:animation;-webkit-animation-duration:5s;animation-duration:5s}.h1{font-size:30px;padding-top:20px}p{font-size:25px;font-family:RowdiesRegular}.skillsDiv{min-height:125vh;background-image:url(/publicPortfolio/static/media/skillsBg.4b165e1a.jpg);background-size:cover;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-top:70px}.skillsDiv h1{color:#fff;font-size:30px}.skillsDiv h2{-webkit-animation:animation 5s;animation:animation 5s;font-family:RowdiesRegular;color:#fff}.mainCircleWeb{display:grid}.mainCircleML,.mainCircleWeb{border-radius:50%;background:transparent;height:40vh;width:40vh;margin-left:15%;margin-top:50px;-webkit-align-items:center;align-items:center;justify-items:center;-webkit-animation:none;animation:none}.mainCircleML{display:none}.mainCircleText{background-color:transparent;display:-webkit-flex;display:flex;height:100%;-webkit-flex-direction:column;flex-direction:column;grid-area:1/1/1/1;-webkit-justify-content:center;justify-content:center}.miniCircle{background:#fff;border-radius:50%;height:8vh;width:8vh;grid-area:2/1/1/1}.miniCircle img{width:100%;height:100%;border-radius:50%}.miniCircle img:hover{-webkit-animation:verticalRotation 2.5s;animation:verticalRotation 2.5s;cursor:text;border:2px solid #00f}.mini1{-webkit-transform:translateY(-25vh);transform:translateY(-25vh)}.mini2{-webkit-transform:translate(-17.68vh,-17.68vh);transform:translate(-17.68vh,-17.68vh)}.mini3{-webkit-transform:translate(-25vh);transform:translate(-25vh)}.mini4{-webkit-transform:translate(-17.68vh,17.68vh);transform:translate(-17.68vh,17.68vh)}.mini5{-webkit-transform:translateY(25vh);transform:translateY(25vh)}.mini6{-webkit-transform:translate(17.68vh,17.68vh);transform:translate(17.68vh,17.68vh)}.mini7{-webkit-transform:translate(25vh);transform:translate(25vh)}.mini8{-webkit-transform:translate(17.68vh,-17.68vh);transform:translate(17.68vh,-17.68vh)}.lang,.skills-nav{font-size:15px;margin:15px 0;color:#fff}.skills-nav{width:150px;margin:15px auto}.WebButton{display:none}.MLButton{display:block}.contactDiv button,.skills-nav{border-radius:15px;background:#fff;border:2px solid #fff;color:#000;box-shadow:5px 0 10px 0;font-family:"RowdiesRegular"}.lang:hover{cursor:text}.projectSection{min-height:100%;-webkit-flex-direction:column;flex-direction:column;width:95%;margin:10px auto;padding-top:50px}.projectCard{box-shadow:2px 3px grey;background-color:#fff;width:200px;border-radius:10px;margin-bottom:50px}.projectCard img{width:100%;height:125px;border-radius:10px}.projectCard button{border:1px solid grey;color:#000;background-color:#fff}.projectCard button:hover{background-color:grey}.projectCard:hover{border:2px solid grey;border-radius:12px;-webkit-transform:scale(1);transform:scale(1)}.projects-mobile{display:none}.projectCard p{font-size:1vw;word-wrap:break-word;height:50%;margin-left:5px;margin-right:5px}.projectDetails{-webkit-animation:animation 5s;animation:animation 5s;margin-top:20px;font-size:2vh}.projectDetails a{color:#000;font-family:serif;font-size:20px}.projectsDiv{min-height:100vh;padding-top:70px;font-family:serif;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.contactDiv,.slider-left div,.slider-right div{background-color:#207fc1}.contactDiv{min-height:100vh;padding-top:50px;font-family:serif}.contactDiv h1{color:#fff}.contactDiv p{width:70%;color:#fff;margin:0 auto;font-family:RowdiesRegular}form{margin-top:4%}input,label{width:25%;height:25px;display:block;color:#000;font-size:25px;margin:1% auto 0;font-style:italic;border-radius:10px}input{font-size:15px;font-style:normal}.confirmationAppear{display:block;color:#fff;-webkit-animation:"anime" 4s;animation:"anime" 4s}label{color:#fff;font-family:RowdiesRegular}textarea{width:40%;height:100px;color:#000;margin-top:1%;border-radius:10px;font-size:15px;font-weight:700}a{color:#000;text-decoration:none}button{margin-top:2%;border:solid;border-color:#fff;border-radius:10px;background-color:#000;color:#fff;font-size:medium;cursor:pointer;font-size:larger}@-webkit-keyframes animation{0%{opacity:0;color:#00f}to{opacity:1}}@keyframes animation{0%{opacity:0;color:#00f}to{opacity:1}}.submission{visibility:hidden;color:#fff}.error-msgs{color:#fff}@-webkit-keyframes anime{0%{opacity:0}to{opacity:1}}@keyframes anime{0%{opacity:0}to{opacity:1}}}@media only screen and (max-width:1023px) and (min-width:400px){.sideNav{position:0;font-family:RowdiesRegular;position:fixed;z-index:1000;height:100vh;width:100%;margin:65px auto 0;background:rgba(0,0,0,.75);clip-path:circle(0 at 100% 0);-webkit-clip-path:(0 at 100% 0);transition:all 1s ease-out}.hamburgerIcon{float:right;margin:15px 25px;height:30px}.topNavMobile{width:100%;height:65px;position:fixed;background-color:#fff;z-index:2}.sideNaveList a{color:#fff}.mainLogoMobile{height:50px;width:100px;float:left;margin:15px 25px}.mainLogo{display:none}.mainLogoMobile img{height:100%;width:100%}.mainLogoMobile img:hover{border:1px solid #00f;border-radius:5px}.mainNavList{display:none}.sideNavList{display:block}li a{color:#fff;text-decoration:none}li{list-style:none;line-height:70px;margin-top:30px;font-size:15px}li a:hover{border:2px solid #00f;border-radius:10px 10px 10px 10px;box-shadow:1px 1px 5px 0 #00f}.Wrapper img{height:75px}.info{margin:20px 50px;text-align:left;width:60%;font-size:30px}.skillsDiv{min-height:125vh;background-color:#207fc1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-size:100% 100%;-webkit-justify-content:center;justify-content:center}.skillsDiv h1{color:#fff;font-size:20px;margin-top:70px}.skillsDiv h2{-webkit-animation:animation 5s;animation:animation 5s;font-family:RowdiesRegular;color:#fff;font-size:18px}.mainCircleWeb{display:grid}.mainCircleML,.mainCircleWeb{background:transparent;grid-template-columns:1fr 1fr;position:relative;margin:0 auto;width:90%}.mainCircleML{display:none}.mainCircleText{background-color:transparent;height:100%;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.mainCircleText,.miniCircle{display:-webkit-flex;display:flex}.miniCircle{background:transparent;border-radius:50%;margin:10px auto;width:8vh;height:8vh;width:50%}.miniCircle img{height:100%;border-radius:50%;background-color:#fff}.miniCircle img:hover{-webkit-animation:verticalRotation 2.5s;animation:verticalRotation 2.5s;cursor:text;border:2px solid #00f}.skills-nav{font-size:70%;color:#fff;width:100px;margin:15px auto}.WebButton{display:none}.MLButton{display:block}.lang{font-size:12px;color:#fff;margin-left:10%}.contactDiv button,.skills-nav{border-radius:15px;background:#fff;border:2px solid #fff;color:#000;box-shadow:5px 0 10px 0;font-family:"RowdiesRegular"}.lang:hover{cursor:text}.projectSubHeading{-webkit-animation:animation 5s;animation:animation 5s;width:90%;margin:0 auto;font-family:RowdiesRegular;font-size:18px}.back-to-top{width:50px}.Wrapper{width:100%;margin:auto;min-height:100vh;padding-top:50px;background-image:url(/publicPortfolio/static/media/landingPageBGMobile.dd04645b.png);background-size:100% 100%}.Wrapper h1{margin-top:7vh;color:#000;font-family:RowdiesRegular;font-size:20px;text-align:left;margin-left:50px;width:60%}.Wrapper a{color:#000;font-family:serif}.Wrapper a,h1{-webkit-animation-name:animation;animation-name:animation;-webkit-animation-duration:5s;animation-duration:5s}h1{font-family:RowdiesRegular}.h1{font-size:20px;-webkit-animation-name:animation;animation-name:animation;-webkit-animation-duration:5s;animation-duration:5s}p{font-size:16px;font-family:RowdiesRegualr}.projectSection{display:grid;grid-template-rows:10% 90%;grid-template-areas:none}.projectCard{box-shadow:2px 3px grey;background-color:#fff;width:200px;border-radius:10px;margin-bottom:50px}.projectCard img{width:100%;height:125px;border-radius:10px}.projectCard button{border:1px solid grey;color:#000;background-color:#fff}.projectCard button:hover{background-color:grey}.projectCard:hover{border:2px solid grey;border-radius:12px;-webkit-transform:scale(1);transform:scale(1)}.projects-desktop{display:none}.projects-mobile{margin:50px auto}.projectCard h5{word-wrap:break-word;height:50%;margin-left:5px;margin-right:5px;font-weight:700}.projectSection img{width:100%}.projectDetails{-webkit-animation:animation 5s;animation:animation 5s;margin-top:35px}.projectsDiv{min-height:100vh;padding-top:50px;font-family:serif;display:block}.slider-left div,.slider-right div{background-color:#207fc1}.react-3d-carousel{margin-top:20px;display:none}.contactDiv{padding-top:50px;font-family:serif;background-color:#207fc1;min-height:100vh}.contactDiv h1{color:#fff;font-size:20px}.contactDiv p{width:70%;color:#fff;margin:0 auto;font-family:RowdiesRegular}form{margin-top:4%}input,label{width:50%;height:25px;display:block;margin:1% auto 0;font-style:italic;border-radius:10px}input,label{color:#000;font-size:15px}input{font-style:normal}.confirmationAppear{display:block;color:#fff;-webkit-animation:"anime" 4s;animation:"anime" 4s}label{color:#fff;margin-top:5%}textarea{width:50%;height:100px;color:#000;margin-top:1%;border-radius:10px;font-size:17px;font-weight:700}.Wrapper .p1{overflow:hidden;white-space:nowrap;width:0;-webkit-animation:typing 5s steps(45) forwards;animation:typing 5s steps(45) forwards;width:80%;margin:0 auto;line-height:35px;color:#000;font-family:RowdiesRegular}button{margin-top:2%;border:solid;border-color:#fff;border-radius:10px;background-color:#000;color:#fff;font-size:medium;cursor:pointer;font-size:15px}@-webkit-keyframes animation{0%{opacity:0;color:#00f}to{opacity:1}}@keyframes animation{0%{opacity:0;color:#00f}to{opacity:1}}.submission{visibility:hidden;color:#fff}.error-msgs{color:#fff;width:80%;margin-left:auto;margin-right:auto}@-webkit-keyframes anime{0%{opacity:0}to{opacity:1}}@keyframes anime{0%{opacity:0}to{opacity:1}}}@media only screen and (max-width:400px){@font-face{font-family:rowdiesBold;src:url(/publicPortfolio/static/media/Rowdies-Bold.cb113fc2.ttf)}@font-face{font-family:RowdiesRegular;src:url(/publicPortfolio/static/media/Rowdies-Light.90502276.ttf)}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}.sideNav{position:0;font-family:RowdiesRegular;position:fixed;margin:50px auto 0;z-index:1000;height:100vh;width:100%;background:rgba(0,0,0,.75);clip-path:circle(0 at 100% 0);-webkit-clip-path:(0 at 100% 0);transition:all 1s ease-out}.hamburgerIcon{float:right;margin:15px 25px;height:30px;background-color:transparent;border-radius:0}.topNavMobile{width:100%;height:50px;position:fixed;background-color:#fff;z-index:2}.sideNaveList a{color:#fff}.mainLogoMobile{height:45px;width:100px;float:left;margin:5px 10px}.mainLogo{display:none}.mainLogoMobile img{height:100%;width:100%}.mainLogoMobile img:hover{border:1px solid #00f;border-radius:5px}.mainNavList{display:none}.sideNavList{display:block}li a{color:#fff;text-decoration:none}li{list-style:none;line-height:70px;margin-top:30px;font-size:20px}li a:hover{border:2px solid #00f;border-radius:10px 10px 10px 10px;box-shadow:1px 1px 5px 0 #00f}.info{margin:50px auto;text-align:center;width:60%;color:#000;font-size:18px}.skillsDiv{min-height:100vh;background-color:#207fc1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-size:cover;-webkit-justify-content:center;justify-content:center;padding-top:50px}.skillsDiv h1{color:#fff;font-size:20px}.skillsDiv h2{-webkit-animation:animation 5s;animation:animation 5s;font-family:RowdiesRegular;color:#fff;font-size:18px}.mainCircleWeb{display:grid}.mainCircleML,.mainCircleWeb{border-radius:50%;background:transparent;margin:auto;width:95%;-webkit-align-items:center;align-items:center;justify-items:center}.mainCircleML{display:none}.mainCircleText{background-color:transparent;display:-webkit-flex;display:flex;height:100%;-webkit-flex-direction:column;flex-direction:column;grid-area:1/1/1/1;-webkit-justify-content:center;justify-content:center}.miniCircle{background:#fff;border-radius:50%;width:6vw;height:6vh;grid-area:2/1/1/1}.miniCircle img{width:100%;height:100%;border-radius:50%}.miniCircle img:hover{-webkit-animation:verticalRotation 2.5s;animation:verticalRotation 2.5s;cursor:text;border:2px solid #00f}.mini1{-webkit-transform:translateY(-25vh);transform:translateY(-25vh)}.mini2{-webkit-transform:translate(17.68vh,17.68vh);transform:translate(17.68vh,17.68vh)}.mini3{-webkit-transform:translate(20vh);transform:translate(20vh)}.mini4{-webkit-transform:translate(17.68vh,-17.68vh);transform:translate(17.68vh,-17.68vh)}.mini5{-webkit-transform:translateY(20vh);transform:translateY(20vh)}.mini6{-webkit-transform:translate(-17.68vh,-17.68vh);transform:translate(-17.68vh,-17.68vh)}.mini7{-webkit-transform:translate(-20vh);transform:translate(-20vh)}.mini8{-webkit-transform:translate(-17.68vh,17.68vh);transform:translate(-17.68vh,17.68vh)}.lang,.skills-nav{font-size:70%;margin:15px 0;color:#fff}.skills-nav{width:60%;margin:15px auto}.WebButton{display:none}.MLButton{display:block}.contactDiv button,.skills-nav{border-radius:15px;background:#fff;border:2px solid #fff;color:#000;box-shadow:5px 0 10px 0;font-family:"RowdiesRegular"}.lang:hover{cursor:text}.projectSubHeading{-webkit-animation:animation 5s;animation:animation 5s;width:90%;margin:0 auto;font-family:RowdiesRegular}.back-to-top{width:50px}ul{text-align:left;padding:0 0 0 10%}li{color:#fff;display:block;font-size:17px;line-height:35px}.Wrapper{width:100%;margin:auto;min-height:100%;padding-top:50px;background-size:100% 100%;background-image:url(/publicPortfolio/static/media/landingPageBGMobile.dd04645b.png)}.Wrapper h1{margin-top:5vh;color:#000;font-family:RowdiesRegular;font-size:17px;text-align:left;margin-left:50px;width:50%}.Wrapper a{color:#000;font-family:serif}.Wrapper a,h1{-webkit-animation-name:animation;animation-name:animation;-webkit-animation-duration:5s;animation-duration:5s}h1{font-family:RowdiesRegular}.h1{font-size:20px;-webkit-animation-name:animation;animation-name:animation;-webkit-animation-duration:5s;animation-duration:5s}h2,p{font-size:15px}.projectSection{min-height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:95%;margin:10px auto;padding-top:50px}.projectCard{box-shadow:2px 3px grey;background-color:#fff;width:150px;border-radius:10px;margin-bottom:30px;border:2px solid grey}.projectCard img{width:100%;height:80px;border-radius:10px}.projectCard button{border:1px solid grey;color:#000;background-color:#fff;background-color:grey;font-size:13px}.projectCard:hover{border:2px solid grey;border-radius:12px;-webkit-transform:scale(1);transform:scale(1)}.projects-desktop{display:none}.projects-mobile{margin:0 auto}.projectCard p{word-wrap:break-word;height:50%;margin-left:5px;margin-right:5px}.projectSection img{width:100%}.projectsDiv{min-height:100%;padding-top:50px;font-family:serif;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.slider-left div,.slider-right div{background-color:#207fc1}.react-3d-carousel{margin-top:20px;display:none}.contactDiv{padding-top:50px;font-family:serif;background-color:#207fc1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;clear:both;min-height:100%}.contactDiv h1{color:#fff}.contactDiv p{width:70%;color:#fff;margin:0 auto;font-family:RowdiesRegular}form{margin-top:4%}input,label{height:25px;display:block;margin:1% auto 0;font-style:italic;border-radius:10px}input,label{color:#000;font-size:15px}input{width:50%;font-style:normal}.confirmationAppear{display:block;color:#fff;-webkit-animation:"anime" 4s;animation:"anime" 4s}label{color:#fff;margin-top:5%}textarea{width:50%;height:100px;color:#000;margin-top:1%;border-radius:10px;font-size:15px;font-weight:700}.Wrapper .p1{overflow:hidden;white-space:nowrap;width:0;-webkit-animation:typing 5s steps(45) forwards;animation:typing 5s steps(45) forwards;width:80%;margin:0 auto;line-height:35px;color:#000;font-family:RowdiesRegular}a{color:#000}button{margin-top:2%;border:solid;border-color:#fff;border-radius:10px;background-color:#000;color:#fff;font-size:medium;cursor:pointer;font-size:larger}@-webkit-keyframes animation{0%{opacity:0;color:#00f}to{opacity:1}}@keyframes animation{0%{opacity:0;color:#00f}to{opacity:1}}.submission{visibility:hidden;color:wheat}.error-msgs{color:wheat;width:80%;margin-left:auto;margin-right:auto}@-webkit-keyframes anime{0%{opacity:0}to{opacity:1}}@keyframes anime{0%{opacity:0}to{opacity:1}}}
/*# sourceMappingURL=main.505b9c10.chunk.css.map */