@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&family=Yaldevi:wght@200&display=swap);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}.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:flex;flex-direction:column;align-items: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)}}.menu{width:90%;overflow:hidden;margin:auto;padding:50px 0}.menu .onFixed{display:none}.main-menu{width:100%;background-color:#fff;position:fixed;top:0;z-index:9999;border-radius:1px solid #ddd;-webkit-animation-name:fixedAnimation;animation-name:fixedAnimation;-webkit-animation-duration:.5s;animation-duration:.5s;border-bottom:1px solid #ddd}.main-menu .menu{padding:20px 0}.main-menu .nav a{color:grey}.main-menu .menu .nav{margin-top:7px}.anchor{width:100%;display:flex;justify-content:flex-end}.nav a{margin:0 15px;color:#fff;text-decoration:none;font-size:15px;font-weight:600;transition:color .3s}.nav a:after{content:"";width:0;height:2px;display:block;background:#d63031;transition:width .3s}.nav a:hover{color:#d63031}.active{color:#d63031!important}.active:after{width:100%!important}.topScroll{width:50px;height:50px;position:fixed;right:-50px;bottom:100px;z-index:99999;border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#262f38;color:#fff;opacity:0}.topScroll .arrow{font-size:22px}.addAnimation{-webkit-animation-name:slideScrollToTop;animation-name:slideScrollToTop;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s}.bar,.close{display:none}.animateMenu{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:animateMenu;animation-name:animateMenu;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes slideScrollToTop{to{right:10px}}@keyframes slideScrollToTop{to{right:10px}}@-webkit-keyframes fixedAnimation{0%{top:-100px}to{top:0}}@keyframes fixedAnimation{0%{top:-100px}to{top:0}}@-webkit-keyframes animateMenu{to{height:50%}}@keyframes animateMenu{to{height:50%}}@media screen and (max-width:765px){.close{display:block;position:absolute;right:20px;top:20px}.closer{font-size:23px;cursor:pointer}.closer:hover{color:#d63031}.bar{display:block;position:absolute;right:50px;top:40px}.bar .bars{font-size:30px;color:#fff;cursor:pointer}.bar .bars:hover{color:#d63031}.nav{display:none;height:0;width:100%;background-color:#fff;z-index:9999;position:absolute;left:0;top:0;overflow:hidden}.nav .anchor,.nav a{display:block}.nav a{color:#000;margin:15px 15px 15px 50px;width:10%}}.header{width:100%;height:100vh;background-image:url(/static/media/Screenshot_3.f1e1868d.png);background-size:cover}.headerContent{width:90%;margin:auto;padding-left:10px}.headerContent h6{color:#fff;font-size:15px;font-weight:700;margin-top:70px}.headerContent h1{color:#fff;font-size:50px;font-family:"Ubuntu",sans-serif}.headerContent a{display:inline-block;font-size:14px;font-weight:700;border:2px solid transparent;background-color:#d63031;padding:12px 35px;color:#fff;margin-top:50px;border-radius:5px;text-decoration:none;transition:all .5s ease}.headerContent .rightArrow{margin-left:10px;transition:transform .3s}.headerContent a:hover{background-color:#7258a1;border:2px solid #d63031}.headerContent a:hover .rightArrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.headerContent span{position:relative}.headerContent span:after{content:"";width:100%;height:100%;border-left:1.5px solid red;-webkit-animation-name:point;animation-name:point;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes point{to{border-left:1px solid transparent}}@keyframes point{to{border-left:1px solid transparent}}@media screen and (max-width:650px){.headerContent h1{font-size:40px}}@media screen and (max-width:500px){.headerContent h1{font-size:25px}}.about{width:90%;margin:auto;overflow:hidden}.about h1{text-align:center;margin:50px 0;display:none}.about .aboutWork{justify-content:center;margin-top:50px;margin-bottom:50px}.about .aboutWork .work{margin:0 2%;box-shadow:2px 2px 10px #ddd;padding:20px;position:relative;transition:all .3s ease;opacity:0}.about .aboutWork .work:after{content:"";width:100%;height:0%;background-color:#b2bec3;position:absolute;top:0;left:0;z-index:-1;transition:all .3s ease}.about .aboutWork .work:hover{color:#fff}.about .aboutWork .work:hover:after{height:100%}.about .aboutWork img{width:100px;margin:auto;display:block}.about .aboutWork h2{text-align:center;margin-top:10px;font-weight:700}.about .aboutWork p{text-align:center;font-size:20px}.about .skills{width:90%;margin:50px auto auto}.about .skills .aboutSellers{opacity:0;margin-top:100px}.about .skills .aboutSellers img{width:250px;height:250px;border-radius:50px;display:block;margin:auto}.about .skills .aboutSellers h3{text-align:center;margin:15px 0;color:#636e72}.about .skills .aboutSellers p{font-size:18px;text-align:center;color:#636e72}.about .skills .aboutSellers a{text-decoration:none;text-align:center;display:block;margin:0;padding:0;font-size:18px}.about .aboutSkills{padding-bottom:50px;opacity:0}.about .aboutSkills h2{text-align:center;color:#636e72}.about .aboutSkills div{width:90%;margin:auto}.about .aboutSkills .persen{display:block;text-align:right;margin-top:-20px}.about .aboutSkills .langues>div{margin-top:30px}.about .aboutSkills .langues span{display:block;font-size:12px;color:#2d3436;font-weight:600}.about .aboutSkills .skillsOfLanguage{width:90%;height:5px;background-color:#ddd;margin-top:10px;position:relative;overflow:hidden}.about .aboutSkills .skillsOfLanguage:after{content:"";height:100%;background-image:linear-gradient(90deg,#7b3ed1,#485a9b);position:absolute;top:0;left:0;transition:all 2s ease}.about .aboutSkills .languesAnimation .html2 .skillsOfLanguage:after{-webkit-animation-name:html;animation-name:html;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.about .aboutSkills .languesAnimation .bootstrap2 .skillsOfLanguage:after{-webkit-animation-name:bootstrap;animation-name:bootstrap;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.about .aboutSkills .languesAnimation .react2 .skillsOfLanguage:after{-webkit-animation-name:react;animation-name:react;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.about .aboutSkills .languesAnimation .jquery2 .skillsOfLanguage:after{-webkit-animation-name:jquery;animation-name:jquery;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes html{0%{width:0}to{width:90%}}@keyframes html{0%{width:0}to{width:90%}}@-webkit-keyframes bootstrap{0%{width:0}to{width:70%}}@keyframes bootstrap{0%{width:0}to{width:70%}}@-webkit-keyframes react{0%{width:0}to{width:80%}}@keyframes react{0%{width:0}to{width:80%}}@-webkit-keyframes jquery{0%{width:0}to{width:40%}}@keyframes jquery{0%{width:0}to{width:40%}}@media screen and (max-width:1000px){.about .aboutWork .work{width:40%;margin:20px auto}}@media screen and (max-width:869px){.about .skills .aboutSellers{width:70%;margin:auto auto 50px}.about .skills .aboutSkills{width:90%;margin:auto}}@media screen and (max-width:625px){.about .aboutWork .work{width:70%;margin:20px auto}}@media screen and (max-width:510px){.about .skills .aboutSellers{width:90%}.about .aboutSkills .skillsOfLanguage,.about .aboutSkills div{width:100%}}@media screen and (max-width:330px){.about .skills .aboutSellers img{width:100%;height:auto}}.portfolio{width:90%;overflow:hidden;margin:auto auto 70px}.portfolio>h1{text-align:center;margin:50px;opacity:0}.portfolio .projects .project{width:20%;height:250px;margin:2%;overflow:hidden;border:2px solid #ddd;padding:0;position:relative;opacity:0;border-radius:5px;cursor:pointer}.portfolio .projects .project img{width:100%;position:absolute;left:0;top:0}@media screen and (max-width:900px){.portfolio .projects .project{width:40%;margin:20px auto}}@media screen and (max-width:450px){.portfolio .projects .project{width:70%}}.connect{-webkit-clip-path:polygon(50% 25%,100% 0,100% 100%,50% 80%,0 100%,0 0);clip-path:polygon(50% 25%,100% 0,100% 100%,50% 80%,0 100%,0 0);background-color:#2d3436;width:100%;height:100%;padding-top:300px;padding-bottom:250px}.connect>h1{text-align:center;color:#fff;opacity:0;margin-bottom:30px}.connect form{margin:auto;width:40%}.connect form input,textarea{display:block;width:80%;margin:20px auto auto;padding:10px;background-color:#151c1f;border:none;border-radius:5px;color:#fff}.connect .submit{display:flex;justify-content:flex-end}.connect form{opacity:0}.connect form .submit input{width:40%;margin:20px 10% 0 0;border:2px solid transparent;transition:all .3s ease}.connect form .submit input:hover{border:2px solid #151c1f;background-color:#2d3436}.error{text-align:center;color:red;font-style:italic}@media screen and (max-width:750px){.connect{-webkit-clip-path:polygon(50% 10%,100% 0,100% 100%,50% 85%,0 100%,0 0);clip-path:polygon(50% 10%,100% 0,100% 100%,50% 85%,0 100%,0 0);padding-top:100px}.connect form{width:80%}}.footer{-webkit-clip-path:polygon(0 0,50% 0,100% 100%,100% 100%,0 100%,50% 0);clip-path:polygon(0 0,50% 0,100% 100%,100% 100%,0 100%,50% 0);width:100%;overflow:hidden;height:100%;background-color:#151c1f;display:flex;justify-content:center;margin-top:-192.5px;padding-top:32px}.footer ul{display:flex;opacity:0}.footer ul li{list-style:none;margin:50px 20px;background-color:#d63031;position:relative;z-index:999;border-radius:3px}.footer ul li a{display:block;text-decoration:none;color:#fff;padding:10px 20px;z-index:999}.footer ul li:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;transition:all .3s ease;background-color:#262f38}.footer ul li:hover:after{height:0%}@media screen and (max-width:750px){.footer ul li a{margin:10px;padding:0}.footer ul li{margin:10px}.footer{margin-top:-112.5px}}@media screen and (max-width:485px){.footer{margin-top:-180.5px;padding-top:100px}}
/*# sourceMappingURL=main.841fa4c8.chunk.css.map */