*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:Montserrat,sans-serif;margin:0}::selection{background-color:#09c768!important;color:#fff!important}body::-webkit-scrollbar{display:none}.App{background-color:var(--main-green)}.home{height:100vh;width:100%}.home-inner{background-image:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),url(https://images.pexels.com/photos/4665064/pexels-photo-4665064.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-position:50%;background-size:cover;position:fixed;top:0;transition:all .5s;width:100%;z-index:0}.blur{-webkit-filter:blur(5px);filter:blur(5px)}.home-cont{padding-top:75px}.home-main-content{display:flex;flex-wrap:wrap;justify-content:space-between;z-index:1000000000000}.home-text{display:flex;flex-direction:column;height:80vh;justify-content:center;opacity:0;width:540px}.home-text h3{color:var(--main-white)}.home-text h1{align-items:center;border-right:1px solid var(--main-white);color:var(--main-green);display:flex;font-size:40px;height:70px;justify-content:left;transition:all .4s;width:555px}.home-text h1:hover{border-right:1px solid var(--main-green)!important}.home-text p{color:var(--main-white);font-size:15px;margin:6px 0 0;text-align:justify}.home-btn{margin:40px 0 0}span{transition:all .3s}span:hover{padding:0 5px}.o,span:hover{color:var(--main-white);font-size:55px}.green-div{background-color:var(--main-green);top:100%;z-index:20000000000000}.black-div,.green-div{height:100%;left:0;position:fixed;width:100%}.black-div{align-items:center;background-color:#000;display:flex;justify-content:center;top:0;z-index:2000000000}.black-div h1{color:var(--main-green);font-size:50px}.hireme-btn{border:1px solid var(--main-green);border-radius:25px;box-shadow:inset 200px 0 0 0 var(--main-green);color:var(--main-white);font-size:14px;font-weight:700;height:30px;padding:10px 20px;text-decoration:none;transition:all .3s}.hireme-btn:hover{background:transparent;box-shadow:inset 0 0 0 0 var(--main-green);color:var(--main-white)}@media screen and (max-width:997px){.home-img{display:flex;justify-content:center;margin-right:0!important;padding:30px 0 0;width:100%}.home-img img{width:70%}}@media screen and (max-width:1288px){.up-btn{display:none}}@media screen and (max-width:549px){.home-text{width:520px}.home-img{background-color:red;width:200px}.home-img img{width:100%}}@media screen and (max-width:501px){.home-text{width:500px}.home-text h1{border:0;font-size:28px;padding:0;width:330px}}@media screen and (max-width:536px){.home-text{width:450px}}@media screen and (max-width:347px){.home-text{width:320px!important}.home-text h1{font-size:24px}.home-text p{font-size:14px}}.container{margin:0 auto;max-width:74rem}@media screen and (max-width:1218px){.container{max-width:72rem}}@media screen and (max-width:1162px){.container{max-width:71rem}}@media screen and (max-width:1142px){.container{max-width:70rem}}@media screen and (max-width:1130px){.container{max-width:69rem}}@media screen and (max-width:997px){.container{max-width:60rem}}@media screen and (max-width:662px){.container{max-width:40rem}}@media screen and (max-width:646px){.container{max-width:38rem}}@media screen and (max-width:618px){.container{max-width:37rem}}@media screen and (max-width:602px){.container{max-width:36rem}}@media screen and (max-width:586px){.container{max-width:36rem}}@media screen and (max-width:578px){.container{max-width:35rem}}@media screen and (max-width:570px){.container{max-width:40rem}}@media screen and (max-width:542px){.container{max-width:32rem}}@media screen and (max-width:526px){.container{max-width:31rem}}@media screen and (max-width:510px){.container{max-width:30rem}}@media screen and (max-width:495px){.container{max-width:29rem}}@media screen and (max-width:477px){.container{max-width:28rem}}@media screen and (max-width:457px){.container{max-width:27rem}}@media screen and (max-width:441px){.container{max-width:26rem}}@media screen and (max-width:431px){.container{max-width:26rem}}@media screen and (max-width:425px){.container{max-width:25rem}}@media screen and (max-width:411px){.container{max-width:24rem}}@media screen and (max-width:397px){.container{max-width:23rem}}@media screen and (max-width:383px){.container{max-width:22rem}}@media screen and (max-width:367px){.container{max-width:21rem}}.button{border:1px solid var(--main-green);border-radius:25px;box-shadow:inset 200px 0 0 0 var(--main-green);font-size:14px;font-weight:700;height:30px;padding:10px 20px;text-decoration:none;transition:all .3s}.button,.button:hover{color:var(--main-white)}.button:hover{background:transparent;box-shadow:inset 0 0 0 0 var(--main-green)}.about{background-color:#000;margin-top:410px;padding-bottom:200px;position:relative;width:100%;z-index:2}.about-cont{margin-top:70px;padding:60px 0 0}.about-main-content{display:flex;flex-wrap:wrap;justify-content:space-around}.about-img{align-items:center;border-radius:50%;display:flex;justify-content:center;padding:20px 0;width:315px}.about-img img{width:112%}.about-text{align-items:left;color:#fff;display:flex;flex-direction:column;padding:70px 0 0;width:650px}.about-p{margin:20px 0 0}.about-p p{line-height:25px;text-align:justify}.about-list-skills{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.about-list{display:flex;flex-direction:column;padding:10px 0 0;width:300px}.about-list-item{display:flex;padding:20px 0 0}.about-list-item h5{color:var(--main-green)}.download-btn{border:1px solid var(--main-green);border-radius:25px;box-shadow:inset 200px 0 0 0 var(--main-green);color:var(--main-white);font-size:14px;font-weight:700;height:30px;padding:10px 20px;text-decoration:none;transition:all .3s}.download-btn:hover{background:transparent;box-shadow:inset 0 0 0 0 var(--main-green);color:var(--main-white)}.dot{padding:0 10px}.about-btn{cursor:pointer;margin:45px 0 0}.skills-wrapper{align-items:center;display:flex;flex-direction:column;padding:10px 0;width:330px}.skills-title{font-size:20px;font-weight:700;padding:25px 0}.skills-items{display:flex;flex-wrap:wrap;height:100px;justify-content:space-around;padding:20px 0 0;width:100%}.skill{color:var(--main-green);font-weight:700;padding:0 10px;transition:all .3s}.skill:hover{color:#fff}.name-colon{margin-left:13px;margin-right:16px}.age-colon{margin-left:27px;margin-right:18px}.adress-colon{margin-left:9px;margin-right:13px}.phone-colon{margin-left:11px;margin-right:13px}.email-colon{margin-left:15px;margin-right:13px}@media screen and (max-width:998px){.about-text{width:500px}}@media screen and (max-width:558px){.about-img{padding:0;width:250px}}.skills-outer{background-color:#000}.skills,.skills-outer{position:relative;width:100%}.skills{background:var(--main-green);background-position:50%;background-size:cover;padding-bottom:100px;padding-top:50px}.skills-cont{padding:50px 0}.skills-content-wrapper{display:flex;flex-direction:column}.skills-header{align-items:center;margin-bottom:50px;padding:10px 0;width:100%}.skills-header,.skills-header h1{display:flex;justify-content:center}.skills-header h1{border-bottom:3px solid #191919;color:#181818;padding:20px;width:300px}.skills-icon{color:var(--main-white);font-size:127px;transition:all .5s}.js{font-size:90px}.js,.xd{margin:10px}.xd{font-size:110px}.redux{font-size:100px;margin:10px}.skills-list-wrapper{display:flex;flex-wrap:wrap;justify-content:space-around}.skills-card{align-items:center;background-color:#222;border-radius:10px;box-shadow:5px 5px 5px #000;cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;height:190px;justify-content:center;margin:20px;text-align:center;transition:all .5s!important;width:210px}.skill-title{color:var(--main-white);font-size:18px}.skills-card:hover{background-color:transparent;box-shadow:0 0 20px #022314;margin:20px;transition:all .5s}.skills-card>.js{background-color:#000;color:#ff0}.skills-card>.bootstrap{color:#5909f8}.skills-card>.css{color:blue}.skills-card>.html{color:#ff4500}.skills-card>.react{color:#03a0fa}.skills-card>.java{color:blue}.skills-card>.git{color:#ff4500}.skills-card>.angularsimple{color:red}.skills-card>.figma,.skills-card>.redux{color:purple}.skills-card>.xd{background-color:#f37df0;border-radius:40px;color:#461934}.skills-card>.springboot{color:#6db33f}.skills-card>.mysql{color:#00758f}.skills-card>.oracle{color:#f80000}.skills-card>.restfulapi{color:#4a90e2}.skills-card:hover>.skill-title{color:#fff}.skills-card>.router{color:red}.skills-card>.postgresql{color:#336791}.skills-card>.typescript{color:#3178c6}.skills-card>.docker{color:#0db7ed}.skills-card>.jenkins{color:#d24939}.skills-card>.postman{color:#ff6c37}.skills-card>.swagger{color:#85ea2d}.skills-card>.junit{color:#25a162}.skills-card>.maven{color:#c71a36}.skills-card>.linux{color:#fcc624}.skills-card>.microservices{color:#4fc3f7}.skills-card>.jwt{color:#f4d03f}@media screen and (max-width:481px){.skills-card>.js,.skills-card>.xd{height:70px;width:70px}.router-title{font-size:16px!important}.skills-card{height:150px;margin:10px!important;width:150px}}@media screen and (max-width:377px){.skills-card{height:130px;margin:10px!important;width:130px}}:root{--main-green:#09c768;--main-blue:#161722;--main-white:#fff}.navbar{align-items:center;color:#09c768;color:var(--main-green);display:flex;justify-content:center;left:0;position:fixed;right:0;top:-8.5%;transition:all .3s;width:100%;z-index:100000000}.navbar-green{background-color:#09c768!important;background-color:var(--main-green)!important}.navbar-black,.navbar-green{color:#fff!important;height:50px!important;opacity:1;top:-8.5%}.navbar-black{background-color:#222!important;box-shadow:0 0 10px 7px #000}.navbar-content{display:flex;justify-content:space-between;padding:15px 0;width:74rem}.menu-active{color:#09c768!important;color:var(--main-green)!important}.menu-active li a:hover{color:#fff!important}.navbar-menu{align-items:center;display:flex}.navbar-menu li{list-style:none}.navbar-menu li a{color:#fff;color:var(--main-white);font-size:15px;font-weight:600;margin:20px;text-decoration:none;transition:all .3s}.navbar-menu li a:hover{border-bottom:2px solid #fff;border-bottom:2px solid var(--main-white)}.icon{align-items:center;cursor:pointer;display:flex;display:none}@media screen and (max-width:682px){.navbar-menu{align-items:top;background-color:#09c768;background-color:var(--main-green);display:flex;flex-direction:column;height:100vh;justify-content:left;left:-100%;position:absolute;top:77%;transition:all .3s;width:100%}.menu-active{left:0!important}.navbar-menu li{align-items:center;display:flex;justify-content:center;margin:0!important;padding:0!important}.navbar-menu li a{font-size:13px;margin:14px!important;padding:0!important}.active{color:#fff!important;color:var(--main-white)!important}.active-menu{display:fixed!important;left:0!important}.icon{display:block}}@media screen and (max-width:1218px){.navbar-content{max-width:72rem}}@media screen and (max-width:1162px){.navbar-content{max-width:71rem}}@media screen and (max-width:1142px){.navbar-content{max-width:70rem}}@media screen and (max-width:1130px){.navbar-content{max-width:69rem}}@media screen and (max-width:997px){.navbar-content{max-width:60rem}}@media screen and (max-width:662px){.navbar-content{max-width:40rem}}@media screen and (max-width:646px){.navbar-content{max-width:38rem}}@media screen and (max-width:618px){.navbar-content{max-width:37rem}}@media screen and (max-width:602px){.navbar-content{max-width:36rem}}@media screen and (max-width:586px){.navbar-content{max-width:36rem}}@media screen and (max-width:578px){.navbar-content{max-width:35rem}}@media screen and (max-width:570px){.navbar-content{max-width:40rem}}@media screen and (max-width:542px){.navbar-content{max-width:32rem}}@media screen and (max-width:526px){.navbar-content{max-width:31rem}}@media screen and (max-width:510px){.navbar-content{max-width:30rem}}@media screen and (max-width:495px){.navbar-content{max-width:29rem}}@media screen and (max-width:477px){.navbar-content{max-width:28rem}}@media screen and (max-width:457px){.navbar-content{max-width:27rem}}@media screen and (max-width:441px){.navbar-content{max-width:26rem}}@media screen and (max-width:431px){.navbar-content{max-width:26rem}}@media screen and (max-width:425px){.navbar-content{max-width:25rem}}@media screen and (max-width:411px){.navbar-content{max-width:24rem}}@media screen and (max-width:397px){.navbar-content{max-width:23rem}}@media screen and (max-width:383px){.navbar-content{max-width:22rem}}@media screen and (max-width:367px){.navbar-content{max-width:21rem}}.projects{background-color:#000;position:relative;width:100%}.projects-cont{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 0}.projects-content-wrapper{width:100%}.projects-header{display:flex;justify-content:center;padding:40px 0;width:100%}tag{color:var(--main-green);margin:0 5px}.projects-header h1{color:var(--main-white)}.project-back,.projects-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.project-back{background:var(--main-green)!important;transition:all .4s}.more-btn{align-items:center;background-color:var(--main-green);border:0;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;margin-top:80px;outline:0;text-decoration:none;width:150px}@media screen and (max-width:657px){.projects-wrapper{display:flex;justify-content:center}}.project-item{align-items:center;background-image:linear-gradient(rgba(9,199,104,.15),rgba(9,199,104,.15));border-radius:50%;color:var(--main-white);display:flex;flex-direction:column;height:210px;margin:50px 0 0;position:relative;text-decoration:none;transition:all .4s!important;width:300px}.project-item:hover{background-color:var(--main-green);box-shadow:0 0 10px 1px var(--main-green)}.project-image{display:flex;justify-content:center;opacity:1;transition:all 1s;transition-delay:.4s;width:100%;z-index:1000}.image-hover{-webkit-filter:blur(2px);filter:blur(2px)}.text{color:var(--main-white);font-size:20px}.project-image-hover{-webkit-animation:turn .5s ease-in forwards;animation:turn .5s ease-in forwards;margin-top:100px}.project-image img{border:2px solid var(--main-green);border-radius:100%;box-shadow:0 0 10px 2px var(--main-green);width:100%}.hidden{display:none!important;opacity:0}.project-title{align-items:center;display:flex;justify-content:center}.project-title h3{color:var(--main-white)}.line{background-color:var(--main-green);border-radius:10px;height:3px;margin:0 10px;width:50px}.hover-content{height:210px;margin:15px 0 0;opacity:0;transition:all .5s;width:330px}.hover-content-hover{display:block!important;opacity:1}.project-title{width:100%}.links-cont{flex-direction:column;justify-content:center;opacity:1;position:absolute;text-align:center;width:100%}.links,.links-cont{align-items:center;display:flex}.links{justify-content:space-between;margin:15px auto;width:70px}.link-icon{color:var(--main-white);font-size:30px;text-decoration:none}.contact{background-image:linear-gradient(rgba(0,0,0,.95),rgba(1,58,20,.45)),url(https://images.pexels.com/photos/4665064/pexels-photo-4665064.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-position:50%;background-size:cover;padding:100px 0;position:relative}.contact-cont{display:flex;flex-direction:column;justify-content:space-between}.contact-title-span{color:var(--main-green)}.left-side{align-items:top;display:flex;justify-content:center}.contact-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px 0 0}.contact-title{display:flex;justify-content:center;margin-bottom:20px;padding-bottom:40px;text-align:center;width:100%}.contact-title h1{color:var(--main-white)}.right-side{display:flex;justify-content:space-around;position:relative;width:38rem}.socials-title{border-radius:20px;display:flex;flex-direction:column;width:260px}.socials-title h2{-webkit-animation:opacityminus 2s forwards;animation:opacityminus 2s forwards;border-bottom:2px solid var(--main-green);color:var(--main-white);display:flex;justify-content:center;padding:20px 0}.sircles-cont{align-items:top;flex-wrap:wrap;justify-content:space-between;width:100%}.sircle1,.sircles-cont{display:flex;position:relative}.sircle1{-webkit-animation:moveColor 1.5s infinite forwards;animation:moveColor 1.5s infinite forwards;-webkit-animation:move 15s infinite forwards;animation:move 15s infinite forwards;background-color:#000;height:220px;margin-top:40px;transition:all 2s;width:220px}.sircle1,.sircle2{align-items:center;border:2px solid var(--main-green);border-radius:50%;justify-content:center}.sircle2{-webkit-animation:moveColor 1.5s infinite forwards;animation:moveColor 1.5s infinite forwards;display:flex;height:170px;width:170px}.sircle3{-webkit-animation:moveLeft 14s infinite forwards;animation:moveLeft 14s infinite forwards;height:110px;position:relative;width:110px}.sircle3,.sircle4{align-items:center;border:2px solid var(--main-green);border-radius:50%;display:flex;justify-content:center;text-align:center}.sircle4{-webkit-animation:moveColor 1.5s infinite forwards;animation:moveColor 1.5s infinite forwards;height:50px;width:50px}.github-icon1{align-items:center;-webkit-animation:moveicon 5s infinite forwards;animation:moveicon 5s infinite forwards;background-color:#000;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;top:-3.7%;width:30px}.github,.github-icon2{height:20px;width:20px}.github-icon2{align-items:center;-webkit-animation:moveicon 5s infinite forwards;animation:moveicon 5s infinite forwards;background-color:#000;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;position:absolute;top:97%}.github-icon1:hover .github,.github-icon2:hover .github,.github-icon3:hover .github,.github-icon4:hover .github{color:grey}.linkedin-icon1:hover .linkedin,.linkedin-icon2:hover .linkedin{color:#00a2ff}.fb-icon1:hover .fb,.fb-icon2:hover .fb,.fb-icon3:hover .fb,.fb-icon4:hover .fb{color:#0000d8}.github-icon-center{align-items:center;-webkit-animation:none!important;animation:none!important;background-color:#000;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center;transform-origin:center;width:22px;z-index:10}.github-icon-center .github{height:18px;width:18px}.github-icon-center:hover .github{color:grey}.github-icon3{-webkit-animation:moveicon 5s infinite forwards;animation:moveicon 5s infinite forwards;left:-4%}.github-icon3,.github-icon4{align-items:center;background-color:#000;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;width:20px}.github-icon4{-webkit-animation:moveicon 9s infinite forwards;animation:moveicon 9s infinite forwards;right:-4%}.linkedin-icon1{align-items:center;background-color:#000;color:#fff;display:flex;font-size:27px;height:16px;justify-content:center;position:absolute;top:-5%;width:16px}.linkedin{border-radius:50%;width:100%}.linkedin-icon2{align-items:center;background-color:#000;color:#fff;display:flex;font-size:27px;height:16px;justify-content:center;position:absolute;top:95%;width:16px}.fb-icon1{right:7%;top:15%}.fb-icon1,.fb-icon2{align-items:center;background-color:#000;color:#fff;display:flex;font-size:19px;justify-content:center;position:absolute}.fb-icon2{right:9.7%;top:80%}.fb-icon3{left:13%;top:10%}.fb-icon3,.fb-icon4{align-items:center;background-color:#000;color:#fff;display:flex;font-size:19px;justify-content:center;position:absolute}.fb-icon4{left:9%;top:80%}.socials{align-items:center;cursor:pointer;display:flex;justify-content:center;opacity:1;padding:20px 0;position:relative;transition:all 2s}.github-link{color:red}.soc-icon{color:var(--main-white);cursor:pointer!important;font-size:30px;margin:0 20px;position:relative;z-index:10}.fb:hover{color:#0000d8!important}.github{font-size:20px!important;height:35px!important;width:40px!important}.github:hover{color:grey}.linkdin:hover{color:#00a2ff}.email-phone-cont{display:flex;flex-direction:column}.phone{align-items:center;display:flex;padding:10px 0}.phone p{color:#fff;font-size:14px;padding:0 10px}.email{align-items:center;display:flex;padding-bottom:40px}.email p{box-sizing:border-box;color:#fff;font-size:14px;padding:0 10px}.phone-icon{color:var(--main-green);font-size:25px!important}.email-icon{color:var(--main-green);font-size:23px!important}@-webkit-keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes opacity{0%{opacity:0}to{opacity:1}}@-webkit-keyframes opacityminus{0%{opacity:0}to{opacity:1}}@keyframes opacityminus{0%{opacity:0}to{opacity:1}}@-webkit-keyframes move{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}20%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}30%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}70%{-webkit-transform:rotate(200deg);transform:rotate(200deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes move{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}20%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}30%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}70%{-webkit-transform:rotate(200deg);transform:rotate(200deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes moveLeft{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}20%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}30%{-webkit-transform:rotate(-80deg);transform:rotate(-80deg)}50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}70%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes moveLeft{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}20%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}30%{-webkit-transform:rotate(-80deg);transform:rotate(-80deg)}50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}70%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@-webkit-keyframes moveicon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}30%{-webkit-transform:rotate(-80deg);transform:rotate(-80deg)}50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}70%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes moveicon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}30%{-webkit-transform:rotate(-80deg);transform:rotate(-80deg)}50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}70%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@-webkit-keyframes moveColor{0%{box-shadow:inset 0 0 10px 1px var(--main-green)}20%{box-shadow:inset 0 0 40px 1px var(--main-green)}50%{box-shadow:inset 0 0 50px 1px var(--main-green)}80%{box-shadow:inset 0 0 40px 1px var(--main-green)}to{box-shadow:inset 0 0 30px 1px var(--main-green)}}@keyframes moveColor{0%{box-shadow:inset 0 0 10px 1px var(--main-green)}20%{box-shadow:inset 0 0 40px 1px var(--main-green)}50%{box-shadow:inset 0 0 50px 1px var(--main-green)}80%{box-shadow:inset 0 0 40px 1px var(--main-green)}to{box-shadow:inset 0 0 30px 1px var(--main-green)}}@media screen and (max-width:1130px){.contact-wrapper,.sircles-cont{justify-content:center}.sircles-cont{display:flex}}@media screen and (max-width:523px){.socials-title h2{font-size:20px}.inputs{width:350px}.sircle1{height:210px;width:210px}.sircle2{height:180px;width:180px}.sircle3{height:110px;width:110px}.sircle4{height:80px;width:80px}}@media screen and (max-width:347px){.socials-title h2{font-size:20px}.inputs{width:350px}.sircle1{height:180px;width:180px}.sircle2{height:150px;width:150px}.sircle3{height:80px;width:80px}.sircle4{height:50px;width:50px}}@media screen and (max-width:533px){.right-side{align-items:center!important;display:flex;justify-content:center!important}.socials-title{margin-top:50px}}@media screen and (max-width:1059px){.left-side{width:100%}}.inputs{align-items:top;display:flex;flex-direction:column;justify-content:center;width:500px}.inputs input{background-color:var(--main-green);border:0;border-radius:5px;color:#fff!important;font-size:15px;font-weight:700;height:40px;outline:0;padding:0 8px;width:100%}::-webkit-input-placeholder{color:#fff}:-ms-input-placeholder{color:#fff}::placeholder{color:#fff}.message{color:var(--main-white);display:flex;padding-bottom:150px!important;padding-top:15px!important}.submit-btn{display:flex;justify-content:left;margin:17px 0;width:100%}.submit-btn button{background-color:var(--main-green);border:0;border:1px solid var(--main-green);border-radius:20px;color:var(--main-white);cursor:pointer;font-weight:700;height:40px;margin:10px 0 0;outline:0;transition:all .5s;width:150px}.submit-btn button:hover{background-color:var(--main-green);background-color:#016941}.valid{background-color:var(--main-green)!important}.input-cont{align-items:center;background-color:blue;background-color:#202020;border-radius:5px;box-shadow:0 5px 5px #000;color:#fff;display:flex;justify-content:center;margin:15px 0 0;transition:all .3s}.validation-email,.validation-name{height:38px}.validation-email,.validation-name,.validation-text{background-color:red;border-radius:10px;opacity:0;width:3px}.validation-text{height:160px}.input-cont:hover>.validation-email,.input-cont:hover>.validation-name,.input-cont:hover>.validation-text{opacity:1}.footer{background-color:var(--main-green);height:30px;position:relative;width:100%;z-index:10000}.up-btn{align-items:center;-webkit-animation:slideUp 1s forwards;animation:slideUp 1s forwards;background-color:#067233;border-radius:50%;color:var(--main-green);cursor:pointer;display:flex;display:none;flex-direction:column;font-size:29px;height:30px;justify-content:center;position:fixed;right:1%;text-align:center;text-decoration:none;top:-180%;width:30px;z-index:20000000000}.icon{-webkit-animation:iconMove 1s ease-out infinite forwards;animation:iconMove 1s ease-out infinite forwards;color:#fff;width:30px}.up-btn:hover{background-color:var(--main-green)}.up-btn-active-green{background-color:var(--main-green)!important}.up-btn-active-black,.up-btn-active-green{-webkit-animation:slideUp 1s forwards;animation:slideUp 1s forwards;display:block}.up-btn-active-black{background-color:#000!important}@-webkit-keyframes slideUp{0%{top:0}to{top:80%}}@keyframes slideUp{0%{top:0}to{top:80%}}@-webkit-keyframes slideDown{0%{top:80%}to{top:200%}}@keyframes slideDown{0%{top:80%}to{top:200%}}
/*# sourceMappingURL=main.37d24351.css.map*/