.App{text-align:center}*{margin:0;padding:0}html{overflow-x:hidden;scroll-behavior:smooth}button{cursor:pointer}h1{color:#fff}section{background:#2b2b2b}.HomeSection{height:100vh;overflow-x:hidden;position:relative}.HomeHeader{color:#fff;cursor:default;font-family:Tsukimi Rounded,sans-serif;font-size:50px;margin-left:60%;margin-top:20%;position:absolute;text-align:center}.ParallaxLayer{background-image:url(/static/media/anime.f6d9cee1fe03c5cdd125.png);background-position:0;background-repeat:no-repeat;background-size:50% 70%;position:fixed;width:80%;z-index:10}.ParallaxLayer,.bgDesign{height:100%;transition:transform .5s ease-out}.bgDesign{background-color:#2e6cff;border:0 solid;border-radius:0 0 100% 0;float:left;width:50%}@media (max-width:1000px){.HomeHeader{font-size:40px;margin-left:10%;margin-top:30%}.ParallaxLayer{background-position:bottom;background-size:100% 50%}}.AboutSection{height:auto;min-height:100vh;padding-bottom:50px;padding-top:10px;position:relative}.AboutHeader{font-family:Delicious Handrawn,cursive;font-family:Fira Sans,sans-serif;font-size:40px;margin-bottom:50px;margin-top:5%;text-align:center}.AboutHeader:after{background:#fff;content:"";display:grid;height:1px;left:49%;margin-top:20px;position:relative;width:5%}.BlueBall{background:#2e6cff;border:0 solid;border-radius:50%;height:300px;position:absolute;right:10%;top:25%;width:300px}@media (max-width:1000px){.AboutSection{display:block}.AboutHeader{margin-left:20px;margin-top:90px;text-align:left}.AboutHeader:after{height:0}}.ScrollContainer{background-color:#ffdd8a;border:solid;border-color:gold #0000;border-width:15px 0;display:flex;height:45vh;margin:130px auto auto;position:relative;text-overflow:ellipsis;transition:width 2s ease;width:140px;z-index:5}.ScrollContainer.open{width:70%}.Edge{background-color:#ffce52;border-color:#ffbe19 #ffbe19 #0000 #0000;border-radius:10px;border-style:solid;border-width:10px;height:55vh;margin-top:-5vh;position:relative;visibility:visible;width:70px;z-index:10}.ScrollLeft{margin-right:auto}.ScrollRight{margin-left:auto}.ScrollContent{cursor:default;font-family:Delicious Handrawn,cursive;font-family:Fira Sans,sans-serif;font-family:Kalam,cursive;font-size:22px;font-weight:560;position:absolute}.ContentBox{height:80%;left:50%;overflow:scroll;position:absolute;text-align:center;text-overflow:ellipsis;top:50%;transform:translate(-50%,-50%);width:70%}.ContentBox::-webkit-scrollbar{height:0;width:0}@media (max-width:800px){.ScrollContainer{height:40vh}.ContentBox{overflow:scroll}.ScrollContent{font-size:18px}.Edge{height:50vh;width:45px}.ContentBox{width:60%}.ScrollContainer.open{width:90%}.ContentBox::-webkit-scrollbar{display:none}}.ProjectsSection{height:auto;min-height:100vh;padding-top:10px;position:relative}.ProjectHeader{font-family:Delicious Handrawn,cursive;font-family:Fira Sans,sans-serif;font-size:40px;margin-bottom:50px;margin-top:8%;text-align:center}.ProjectHeader:after{background:#fff;content:"";display:grid;height:1px;left:49%;margin-top:20px;position:relative;width:5%}.horizontal-scroll-container{background-color:initial;display:flex;height:400px;margin-top:6%;opacity:0;overflow-x:auto;padding-left:50%;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;transform:translateX(50%);transition:all 1s;white-space:nowrap;width:50%}.show{opacity:1;transform:translateX(0)}.horizontal-scroll-container::-webkit-scrollbar{height:0;width:0}.content{display:flex}.spacer{flex-shrink:0;width:100%}.ProjectIcons{height:45px;margin-right:15px;width:45px}.LeftNavigator,.RightNavigator{background-color:#1f1f1f;cursor:pointer;height:350px;position:absolute;top:35%;width:50px;z-index:80}.LeftNavigator{left:0}.RightNavigator{right:0}.leftArrow,.rightArrow{color:#fff;font-size:30px;font-weight:1000;left:25%;position:absolute;top:50%}.BlueBall2{background:#2e6cff;border:0 solid;border-radius:50%;bottom:-12%;height:200px;left:10%;position:absolute;width:200px}@media (max-width:1000px){.LeftNavigator,.RightNavigator{top:30%;width:30px}.horizontal-scroll-container{scroll-behavior:none;transform:translate(0)}.ProjectHeader{margin-left:20px;margin-top:90px;text-align:left}.ProjectHeader:after{height:0}.BlueBall2{bottom:-8%;height:120px;width:120px}}.card{background-color:#ffdd8a;border:5px solid #ffbe19;border-radius:10px;box-shadow:10px 10px 20px #000;flex:0 0 auto;margin-right:80px;padding:10px;position:relative;scroll-snap-align:center;transition:height .2s ease-in-out,width .2s ease-in-out,opacity .2s ease}.CardHeader{margin:6px 6px 10px}.CardDesc,.CardHeader{font-family:Delicious Handrawn,cursive;font-family:Fira Sans,sans-serif;transition:font-size .2s ease-in-out}.CardDesc{font-family:Kalam,cursive;margin-top:10px}.DemoLogo,.GitLogo{cursor:pointer;height:35px;position:absolute;width:35px}.GitLogo{bottom:20px;left:20px}.DemoLogo{bottom:20px;left:65px}.DemoLogo:hover,.GitLogo:hover{filter:brightness(.9) invert(.7) sepia(.5) hue-rotate(100deg) saturate(200%) contrast(40%)}@media (max-width:1000px){.card{margin-right:100px}}.SkillsSection{height:auto;min-height:100vh;overflow:hidden;padding-bottom:50px;width:100wh}.Containers{display:flex;opacity:0;transition:opacity 1s ease-in-out,translate 1s ease;translate:0 50%}.Containers.showSkills{opacity:1;translate:0}.SkillsHeader{font-family:Delicious Handrawn,cursive;font-family:Fira Sans,sans-serif;font-size:40px;position:relative;text-align:center;top:80px}.SkillsHeader:after{background:#fff;content:"";display:grid;height:1px;left:49%;margin-top:25px;position:relative;width:5%}.SkillsContainer1,.SkillsContainer2{margin-top:140px;width:50%}.SkillsContainer1{padding-left:20%}@media (max-width:1000px){.SkillsHeader{margin-left:20px;text-align:left}.SkillsHeader:after{height:0}.Containers{display:block;translate:0 20%}.SkillsContainer1,.SkillsContainer2{width:100%}.SkillsContainer1{padding:0}.SkillsContainer2{margin-top:0;padding-bottom:30px}.SkillsSection{height:auto}}.SkillLine{background:#0000;display:flex;margin:30px}.point1,.point2,.point3,.point4,.point5{background-color:grey;border:0 solid #0000;border-radius:50%;height:20px;margin:10px;transition:all 1.5s ease;width:20px}.skillFont{font-family:IBM Plex Mono,monospace;font-family:Tsukimi Rounded,sans-serif;font-size:22px;letter-spacing:2px;margin-left:20px}.active{background-color:#ff0}.ContactSection{height:100vh;overflow:hidden;position:relative}.ContactHeader{font-size:40px;position:relative;top:80px}.ContactHeader:after{background:#fff;content:"";display:grid;height:1px;left:49%;margin-top:20px;position:relative;width:5%}.ContactContainer{left:20%;opacity:0;position:absolute;top:20vh;transition:opacity 1s ease-in-out,translate 1s ease;translate:0 50%}.showContact{opacity:1;translate:0 0}.ContactItem{background:#fff;border:0 solid #0000;border-radius:50px;display:flex;height:90px;margin:30px;overflow:hidden;position:relative;transition:width .8s;width:90px}.ContactItem:hover{width:400px}.icon{border:1px solid #0000;border-radius:50%;margin:9px}.Border,.icon{height:70px;width:70px}.Border{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:rotate;background:#0000;border-color:#0f0 #0f0 #0000 #0000;border-radius:50%;border-style:solid;border-width:10px;left:0;overflow:hidden;position:absolute;top:0}.Hidden{margin-top:30px}.HiddenLink{color:#000;font-family:Delicious Handrawn,cursive;font-family:Fira Sans,sans-serif;font-family:Kalam,cursive;font-family:Open Sans,sans-serif;font-family:Roboto,sans-serif;font-size:25px;font-weight:700;letter-spacing:1px;margin-left:20px;text-decoration:none;transition:.6s;white-space:nowrap}.HiddenLink:hover{filter:brightness(.9) invert(.7) sepia(.5) hue-rotate(100deg) saturate(200%) contrast(40%)}.EmailLogo{height:30px;margin-left:8px;width:30px}.contactme{float:right;position:absolute;right:0;top:5%}.ContactLogo{height:20px;margin-left:10px;width:20px}.ContactbgDesign{background-color:#2e6cff;border:0 solid;border-radius:100% 0 0 0;bottom:0;height:100%;position:absolute;right:0;width:50%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1000px){.ContactHeader{margin-left:20px;text-align:left}.ContactContainer{left:auto}.ContactHeader:after{display:none}.ContactItem{height:70px;width:70px}.Border,.icon{height:50px;width:50px}.ContactItem:hover,.contactme{width:300px}.contactme{height:300px;top:10%}.Hidden{margin-top:24px}.HiddenLink{font-size:18px}}.TextContainer{background-color:#2e2c2c;border:5px solid #fff;border-radius:30px;height:auto;left:calc(50% - 35vh);opacity:0;padding:20px;position:absolute;transform:translateY(50%);transition:1s;width:70vh;z-index:100}.showContactForm{opacity:1;transform:translateY(0)}.ContactHeader{color:#fff;font-family:Delicious Handrawn,cursive;font-family:Fira Sans,sans-serif;font-size:35px;margin:10px;text-align:center}.ContactLabel{color:#fff;font-style:italic;font-weight:lighter;margin-left:20px}.ContactLabel,.Email,.Message,.Name{font-family:Delicious Handrawn,cursive;font-family:Fira Sans,sans-serif;font-family:Kalam,cursive;font-family:Open Sans,sans-serif;font-family:Roboto,sans-serif;font-size:20px}.Email,.Message,.Name{letter-spacing:1px;margin:20px;padding:10px}.Message{border:2px solid #000;resize:none;width:70%}.Email,.Message,.Name{background-color:initial;color:#fff;transition:.5s}.Email,.Name{border:1.8px solid;border-color:#0000 #0000 #000;width:50%}.Email:focus,.Name:focus{border-color:#0000 #0000 #fff;outline:none}.Message:focus{border-color:#fff;outline:none}.ContactSubmit{background-color:#000;border:2px solid #fff;border-radius:10px;color:#fff;float:right;font-family:Delicious Handrawn,cursive;font-family:Fira Sans,sans-serif;font-family:Kalam,cursive;font-family:Open Sans,sans-serif;font-family:Roboto,sans-serif;font-size:22px;height:50px;margin:10px 80px 10px 10px;transition:1s;width:150px}.ContactSubmit:hover{background-color:#fff;color:#000}.ContactSubmit:focus{outline:none}.BlurBackground{background-color:#000;height:100%;opacity:.8;position:absolute;top:0;width:100%}@media (max-width:1000px){.TextContainer{height:auto;left:10%;top:10%;transition:.5s;width:70%}.showTextContainer{height:60vh}.Email,.Name{width:70%}.ContactHeader{cursor:pointer;font-size:30px}.Email,.Message,.Name{margin:10px}}.navbar{background:#000;display:inline-flex;height:60px;position:fixed;width:100%;z-index:100}.navHeader{font-weight:550;letter-spacing:1px;margin:15px 15px 15px 5%;text-decoration:none}.navHeader,.navbar-icon{color:#fff;font-family:Delicious Handrawn,cursive;font-family:Fira Sans,sans-serif;font-family:Kalam,cursive;font-family:Open Sans,sans-serif;font-family:Roboto,sans-serif;font-size:28px}.navbar-icon{display:none;margin-top:20px}.navbar-icon,.navbar-menu{position:absolute;right:20px;top:0}.navbar-menu{height:100px;padding:20px;transition:1s}li{display:inline-flex}.link{color:#fff;font-family:Delicious Handrawn,cursive;font-family:Fira Sans,sans-serif;font-family:Kalam,cursive;font-family:Open Sans,sans-serif;font-family:Roboto,sans-serif;font-size:20px;margin-right:30px;text-decoration:none}.link:after{background:#fff;border:0 solid;border-radius:20px;content:"";display:block;height:3px;transition:.3s;width:0}.link:hover:after{width:100%}.NavIcon{cursor:pointer;height:40px;margin-left:10%;margin-top:10px;width:70px}@media (max-width:800px){.navbar-menu{background:#2a2727;height:100vh;padding:0;position:absolute;right:0;width:0}.navbar-icon{display:block;z-index:100}ul{margin-top:60px}li{border:1px solid #000;display:block;padding:20px;width:100%}}
/*# sourceMappingURL=main.96d40dfb.css.map*/