@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);:root{--font-base:"DM Sans",sans-serif;--primary-color:#030303;--secondary-color:#13a4c5;--lightBlue-color:#28d7fe;--black-color:#030303;--lightGray-color:#e4e4e4;--gray-color:#6b7688;--brown-color:#46364a;--white-color:#fff}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}.app__navbar{border-bottom:1px solid var(--secondary-color)}.app__navbar,.app__navbar1{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--primary-color);display:flex;justify-content:space-between;padding:1rem 2rem;position:fixed;width:100%;z-index:2}.app__navbar1{border:1px solid hsla(0,0%,100%,.18);left:100PX;margin-left:100px!important}.app__navbar-logo{align-items:center;display:flex;justify-content:flex-start}.app__navbar-logo img{height:30px;width:120px}@media screen and (min-width:2000px){.app__navbar-logo img{height:40px;width:180px}}.app__navbar-links{align-items:center;display:flex;flex:1 1;justify-content:center;list-style:none;margin-left:-120px}.app__navbar-links li{cursor:pointer;flex-direction:column;margin:0 1rem}.app__navbar-links li div{background:transparent;border-radius:50%;height:5px;margin-bottom:5px;width:5px}.app__navbar-links li a{color:var(--secondary-color);flex-direction:column;font-weight:500;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.app__navbar-links li:hover a{color:var(--lightBlue-color)}.app__navbar-links li:hover div{background:var(--lightBlue-color)}@media screen and (max-width:900px){.app__navbar-links{display:none}}.app__navbar-menu{align-items:center;background-color:transparent;border:2px solid var(--lightBlue-color);border-radius:50%;display:flex;height:35px;justify-content:center;position:relative;width:35px}.app__navbar-menu svg{color:var(--lightBlue-color);height:70%;width:70%}.app__navbar-menu div{align-items:flex-end;background-color:var(--primary-color);bottom:0;box-shadow:0 0 20px hsla(0,0%,66%,.15);display:flex;flex-direction:column;height:32vh;justify-content:flex-end;padding:1rem 2rem;position:fixed;right:0;top:0;width:100%;z-index:5}.app__navbar-menu div svg{color:var(--secondary-color);height:35px;width:35px}.app__navbar-menu div ul{align-items:flex-start;display:flex;flex-direction:column;height:85%;justify-content:center;list-style:none;margin:0;padding:0;width:100%}.app__navbar-menu div ul li{margin:.3rem}.app__navbar-menu div ul li a{color:var(--secondary-color);font-size:1rem;font-weight:500;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.app__navbar-menu div ul li a:hover{color:var(--lightBlue-color)}@media screen and (min-width:900px){.app__navbar-menu,.app__navbar-menu div{display:none}}.app{background-color:var(--primary-color);font-family:var(--font-base);overflow:hidden}.app__whitebg{background-color:var(--white-color)}.app__primarybg,.app__whitebg{background-color:var(--primary-color)}.app__container{display:flex;flex-direction:row;min-height:100vh;width:100%}.app__flex{align-items:center;display:flex;justify-content:center}.app__wrapper{flex:1 1;flex-direction:column;padding:4rem 2rem;width:100%}@media screen and (max-width:650px){.app__wrapper{padding:4rem 1rem}}@media screen and (max-width:450px){.app__wrapper{padding:4rem 1rem 2rem}}.copyright{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 0 0;width:100%}.copyright p{text-transform:uppercase}.copyright p,.head-text{color:var(--lightBlue-color)}.head-text{font-size:2.75rem;font-weight:800;text-align:center;text-transform:capitalize}.head-text span{color:var(--lightBlue-color)}@media screen and (min-width:2000px){.head-text{font-size:4rem}}@media screen and (max-width:450px){.head-text{font-size:2rem}}@media screen and (max-width:320px){.head-text{font-size:1.6rem}}.bold-text{color:var(--secondary-color);font-size:1rem;font-weight:800;text-align:left}@media screen and (min-width:2000px){.bold-text{font-size:2rem}}@media screen and (max-width:450px){.bold-text{font-size:.9rem}}.app__social{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.5rem}@media screen and (max-width:550px){.app__social{padding:.2rem}}.app__social div{align-items:center;background-color:var(--white-color);background-color:transparent;border:1px solid var(--secondary-color);border-radius:50%;display:flex;height:40px;justify-content:center;margin:.25rem 0;transition:all .3s ease-in-out;width:40px}@media screen and (max-width:550px){.app__social div{height:30px;width:30px}}.app__social div svg{color:var(--secondary-color);display:flex;height:15px;justify-content:center;transition:all .3s ease-in-out;width:15px}@media screen and (max-width:550px){.app__social div svg{height:12px;width:12px}}.app__social div:hover{background-color:transparent;border-color:var(--secondary-color);box-shadow:inset 0 0 2px #fff,0 0 2px #fff,0 0 5px #28d7fe,inset 0 0 5px #28d7fe,0 0 10px 1px #28d7fe,inset 0 0 10px 1px #28d7fe}.app__social div:hover svg{color:var(--white-color);color:var(--lightBlue-color)}@media screen and (min-width:2000px){.app__social div{height:70px;margin:.5rem 0;width:70px}.app__social div svg{height:30px;width:30px}}.app__social.navbar-style{align-items:center;display:none;flex-direction:row;justify-content:center;padding:.5rem}@media screen and (max-width:490px){.app__social.navbar-style{display:flex;padding:.2rem}}.app__social.navbar-style div{align-items:center;background-color:var(--white-color);background-color:transparent;border:1px solid var(--secondary-color);border-radius:50%;display:flex;height:40px;justify-content:center;margin:.25rem 0;transition:all .3s ease-in-out;width:40px}@media screen and (max-width:550px){.app__social.navbar-style div{height:30px;margin:.2rem;width:30px}}.app__social.navbar-style div svg{color:var(--secondary-color);display:flex;height:15px;justify-content:center;transition:all .3s ease-in-out;width:15px}@media screen and (max-width:550px){.app__social.navbar-style div svg{height:12px;width:12px}}.app__social.navbar-style div:hover{background-color:transparent;border-color:var(--secondary-color);box-shadow:inset 0 0 2px #fff,0 0 2px #fff,0 0 5px #28d7fe,inset 0 0 5px #28d7fe,0 0 10px 1px #28d7fe,inset 0 0 10px 1px #28d7fe}.app__social.navbar-style div:hover svg{color:var(--white-color);color:var(--lightBlue-color)}@media screen and (min-width:2000px){.app__social.navbar-style div{height:70px;margin:.5rem 0;width:70px}.app__social.navbar-style div svg{height:30px;width:30px}}.app__navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}@media screen and (max-width:550px){.app__navigation{padding:.8rem}}.app__navigation .app__navigation-dot{background-color:var(--secondary-color);border-radius:50%;height:10px;margin-bottom:.5rem;margin-top:.5rem;transition:background-color .2s ease-in-out;width:10px}.app__navigation .app__navigation-dot:hover{background-color:var(--lightBlue-color)}@media screen and (max-width:500px){.app__navigation .app__navigation-dot{margin:revert;margin-bottom:.5rem;margin-top:.5rem}}@media screen and (min-width:2000px){.app__navigation .app__navigation-dot{height:20px;width:20px}}@media screen and (max-width:500px){.app__navigation,.app__social{display:none}}@media screen and (max-width:450px){.hire{font-size:2rem!important}}@media screen and (max-width:320px){.hire{font-size:1.4rem!important}}body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.app__about{flex:1 1;flex-direction:column;width:100%}.app__profiles{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem}.app__profile-item{display:flex;flex-direction:column;justify-content:flex-start;margin:2rem;position:relative;width:190px}.app__profile-item .img-container :hover{border:1px solid #fff;box-shadow:inset 0 0 2px #fff,0 0 2px #fff,0 0 5px #28d7fe,inset 0 0 5px #28d7fe,0 0 10px 1px #28d7fe,inset 0 0 10px 1px #28d7fe;transition:all .3s ease-in-out}.app__profile-item img{border:1px solid var(--secondary-color);border-radius:15px;height:170px;object-fit:cover;transition:all .3s ease-in-out;width:100%}@media screen and (min-width:2000px){.app__profile-item{margin:2rem 4rem;width:370px}.app__profile-item img{height:320px}}.contact__form{margin:4rem 0 -4rem;padding-bottom:4rem}@media screen and (max-width:900px){.contact__form{flex-direction:column}}.contact button[type=submit],.contact input[type=email],.contact input[type=tel],.contact input[type=text],.contact input[type=url],.contact textarea{font:400 12px/16px Roboto,Helvetica,Arial,sans-serif;overflow-anchor:none!important}.contact{border:2px solid var(--secondary-color);border-radius:15px;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);color:var(--secondary-color)}.contact h3{font-size:1.3rem;font-weight:300;margin-top:15px}.contact h3,.contact h4{color:var(--lightBlue-color);display:flex;justify-content:center}.contact h4{font-size:.8rem;font-weight:400;margin:5px 0 15px}.contact input[type=email],.contact input[type=tel],.contact input[type=text],.contact input[type=url],.contact textarea{background:transparent;border:1px solid var(--secondary-color);color:var(--lightBlue-color);padding:10px;width:100%}.contact input[type=email]:hover,.contact input[type=tel]:hover,.contact input[type=text]:hover,.contact input[type=url]:hover,.contact textarea:hover{border:1px solid var(--secondary-color);transition:border-color .3s ease-in-out}.contact textarea{height:100px;max-width:100%;overflow-anchor:none!important;resize:none}.contact button[type=submit]{background:var(--secondary-color);border:none;color:#fff;cursor:pointer;font-size:15px;margin:0 0 5px;padding:10px;width:100%}.contact button[type=submit]:hover{background:var(--lightBlue-color);transition:background-color .3s ease-in-out}.contact button[type=submit]:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}.copyright{text-align:center}.contact input:focus,.contact textarea:focus{border:1px solid var(--lightBlue-color);outline:0}::-webkit-input-placeholder{color:var(--secondary-color)}:-moz-placeholder,::-moz-placeholder{color:var(--secondary-color)}:-ms-input-placeholder{color:var(--secondary-color)}.head-text-footer{font-size:2.75rem;font-weight:800;text-align:center;text-transform:capitalize}.head-text-footer,.head-text-footer span{color:var(--lightBlue-color)}@media screen and (min-width:2000px){.head-text-footer{font-size:4rem}}@media screen and (max-width:450px){.head-text-footer{font-size:2rem}}.footer-position{margin-left:5rem!important;margin-top:0!important}@media screen and (max-width:900px){.footer-position{margin-left:revert!important;margin-top:2rem!important}}.fotter_circle-position{height:120px!important;margin-top:1rem!important;width:120px!important}@media screen and (max-width:400px){.fotter_circle-position{height:85px!important;width:85px!important}}.circle-cmpf{border-radius:50%}.p-text{background:transparent;color:var(--secondary-color);font-size:.8rem;line-height:1.5;text-align:left;transition:all 1s ease-in-out}@media screen and (max-width:390px){.p-text{font-size:.7rem}}@media screen and (min-width:2000px){.p-text{font-size:1.75rem}}.p-text-footer{background:transparent;color:var(--secondary-color);font-size:.8rem;line-height:1.5;text-align:left;transition:all 1s ease-in-out}@media screen and (max-width:640px){.p-text-footer{font-size:.6rem}}@media screen and (min-width:2000px){.p-text-footer{font-size:1.75rem}}.circle-cmpf.blue{-webkit-animation:pulse-blue 3s infinite;animation:pulse-blue 3s infinite;background:transparent;box-shadow:0 0 0 0 #34ace0;transition:1s ease-in-out}.circle-cmpf{background-color:hsla(0,0%,100%,0);border:3px solid var(--secondary-color)!important;color:var(--lightBlue-color);font-weight:700;transition:all .3s ease}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--lightBlue-color);-webkit-background-clip:text;box-shadow:inset 0 0 20px 20px rgba(51,51,51,0);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.button{align-items:center;background-color:hsla(0,0%,100%,0);border:1px solid var(--secondary-color);border-radius:.5rem;color:var(--lightBlue-color);cursor:pointer;display:flex;font-size:13px;font-weight:400;font-weight:700;justify-content:center;line-height:1.15385;margin:.5rem auto;outline:none;padding:.5rem 1rem;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .3s ease;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap;width:90%}@media screen and (min-width:2000px){.button{border-radius:.85rem;padding:1rem 2rem}}.button:focus,.button:hover{background-color:#07c;background-color:transparent;color:var(--lightBlue-color)}.button:active,.button:focus,.button:hover{border:1px solid #fff;box-shadow:inset 0 0 2px #fff,0 0 2px #fff,0 0 5px #28d7fe,inset 0 0 5px #28d7fe,0 0 10px 1px #28d7fe,inset 0 0 10px 1px #28d7fe}.button:active{background-color:var(--secondary-color);color:#fff}.overide-footer{height:150px!important;justify-content:space-evenly!important;margin-left:100px!important;margin-top:0!important;width:150px!important}@media screen and (max-width:400px){.overide-footer{height:130px!important;width:130px!important}}@media screen and (max-width:650px){.overide-footer{margin-left:0!important}}.ml-10{margin-left:.3rem}#home{background-color:#000;background-position:50%;background-repeat:repeat;background-size:cover;position:relative}#home .app__wrapper{padding:0}#home .app__wrapper .copyright{display:none}.app__header{flex:1 1;flex-direction:row;height:100%;padding:6rem 2rem 0;width:100%}@media screen and (min-width:2000px){.app__header{padding-top:8rem}}@media screen and (max-width:1200px){.app__header{flex-direction:column}}@media screen and (max-width:450px){.app__header{padding:6rem 1rem 2rem}}.app__header-info{align-items:flex-start;display:flex;flex:.65 1;flex-direction:column;height:90%;justify-content:flex-start;margin-right:2rem;margin-top:-4rem}@media screen and (max-width:1200px){.app__header-info{margin-right:revert;margin-top:revert;width:100%}}.app__header-badge{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100%}.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{background:transparent;border:3px solid #13a4c5;border-radius:50%;flex-direction:row;height:150px;margin-left:5rem;width:150px}@media screen and (max-width:1200px){.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{margin-left:revert}}@media screen and (max-width:400px){.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{height:120px;width:120px}}@media screen and (max-width:320px){.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{height:100px;width:100px}}.app__header-badge .circle-tune{border:3px solid #13a4c5;border-radius:50%;height:105px;margin-left:-4rem;width:105px}@media screen and (max-width:1200px){.app__header-badge .circle-tune{margin-left:0}}@media screen and (max-width:400px){.app__header-badge .circle-tune{height:90px;width:90px}}.app__header-badge .circle-tune1{border:3px solid #13a4c5;border-radius:50%;height:105px;margin-left:3rem;width:105px}@media screen and (max-width:1200px){.app__header-badge .circle-tune1{margin-left:0}}@media screen and (max-width:400px){.app__header-badge .circle-tune1{height:85px;width:85px}}@media screen and (max-width:320px){.app__header-badge .circle-tune1{height:60px;width:60px}}.app__header-badge .tag-cmp{flex-direction:column;margin-top:3rem}.app__header-badge .tag-cmp p{text-align:right;text-transform:uppercase;width:100%}.app__header-badge span{font-size:2.5rem}@media screen and (min-width:2000px){.app__header-badge span{font-size:5rem}}@media screen and (max-width:1200px){.app__header-badge{align-items:center;flex-direction:row}}.app__header-circles{align-items:center;display:flex;flex:.65 1;flex-direction:column;height:90%;justify-content:space-around;margin-left:2rem;margin-top:-4rem}@media screen and (max-width:1200px){.app__header-circles{margin-left:revert;margin-top:revert}}.app__header-circles div{align-items:center;background:transparent;border:3px solid #13a4c5;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.app__header-circles div img{height:40%;margin-bottom:-20px;width:40%}.app__header-circles div:first-child{height:150px;margin-left:-5rem;width:150px}@media screen and (max-width:1200px){.app__header-circles div:first-child{margin-left:0}}@media screen and (max-width:400px){.app__header-circles div:first-child{height:120px;width:120px}}@media screen and (max-width:320px){.app__header-circles div:first-child{height:100px;width:100px}}.app__header-circles div:nth-child(2){height:100px;margin-left:4rem;width:100px}@media screen and (max-width:1200px){.app__header-circles div:nth-child(2){margin-left:0}}@media screen and (max-width:400px){.app__header-circles div:nth-child(2){height:80px;width:80px}}.app__header-circles div:nth-child(3){cursor:pointer;height:100px;margin-left:-3rem;width:100px}@media screen and (max-width:1200px){.app__header-circles div:nth-child(3){margin-left:0}}@media screen and (max-width:400px){.app__header-circles div:nth-child(3){height:80px;width:80px}}@media screen and (max-width:320px){.app__header-circles div:nth-child(3){height:60px;width:60px}}.app__header-circles div:nth-child(3) h1{align-items:center;background-color:hsla(0,0%,100%,0);border:3px solid var(--secondary-color)!important;border-radius:50%;color:var(--lightBlue-color);cursor:pointer;display:flex;font-weight:700;height:85px;justify-content:center;width:85px}@media screen and (max-width:400px){.app__header-circles div:nth-child(3) h1{font-size:1rem!important;height:60px;width:60px}}@media screen and (max-width:320px){.app__header-circles div:nth-child(3) h1{height:50px;width:50px}}.app__header-circles :focus:nth-child(3),.app__header-circles :hover:nth-child(3){-webkit-animation:pulse-black 1s infinite;animation:pulse-black 1s infinite;border-radius:50%;box-shadow:inset 0 0 3em 2em #087588;box-shadow:0 0 0 0 #000;scale:1.2;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:all .3s ease-in-out}.app__header-circles :focus:nth-child(3) h1,.app__header-circles :hover:nth-child(3) h1{border:3px solid var(--lightBlue-color)!important;box-shadow:inset 0 0 2px #fff,0 0 2px #fff,0 0 5px #28d7fe,inset 0 0 5px #28d7fe,0 0 10px 1px #28d7fe,inset 0 0 10px 1px #28d7fe}@-webkit-keyframes pulse-black{0%{box-shadow:0 0 0 0 rgba(0,0,0,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 10px transparent;-webkit-transform:scale(.95);transform:scale(.95)}to{box-shadow:0 0 0 0 transparent;-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes pulse-black{0%{box-shadow:0 0 0 0 rgba(0,0,0,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 10px transparent;-webkit-transform:scale(.95);transform:scale(.95)}to{box-shadow:0 0 0 0 transparent;-webkit-transform:scale(.95);transform:scale(.95)}}.app__header-circles :focus:nth-child(3) .p-text,.app__header-circles :hover:nth-child(3) .p-text{background:transparent;color:var(--lightBlue-color);transition:all 1s ease-in-out}@-webkit-keyframes pulse-blue{0%{box-shadow:0 0 0 0 rgba(52,172,224,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 10px rgba(52,172,224,0);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(52,172,224,0);-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes pulse-blue{0%{box-shadow:0 0 0 0 rgba(52,172,224,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 10px rgba(52,172,224,0);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(52,172,224,0);-webkit-transform:scale(.95);transform:scale(.95)}}.app__header-circles :nth-child(3).blue{-webkit-animation:pulse-blue 3s infinite;animation:pulse-blue 3s infinite;background:transparent;box-shadow:0 0 0 0 #34ace0;transition:1s ease-in-out}.app__header-circles :nth-child(3):hover{background:transparent!important;background-image:linear-gradient(180deg,#047e99,#10bae0);transition:1s ease-in-out}.app__header-circles :nth-child(3):active{background-color:red;color:red!important}@media screen and (min-width:2000px){.app__header-circles div:first-child{height:200px;width:200px}.app__header-circles div:nth-child(2){height:400px;width:400px}.app__header-circles div:nth-child(3){height:170px;width:170px}.app__header-circles div:nth-child(3) :hover{border:none}}@media screen and (max-width:1200px){.app__header-circles{flex-direction:row;flex-wrap:wrap;width:100%}}.app__header-img{align-items:flex-end;align-items:center;display:flex;flex:1 1;height:100%;justify-content:flex-end;justify-content:center;position:relative}.app__header-img img{height:100%;object-fit:contain;width:100%;z-index:1}@media screen and (max-width:800px){.app__header-img img{height:90%;width:90%}}.app__header-img .overlay_circle{bottom:0;display:none;height:90%;left:0;position:absolute;right:0;width:100%;z-index:0}@media screen and (max-width:1200px){.app__header-img{margin:2rem 0}}.main-container{align-items:center;-webkit-align-items:center;display:flex;display:-webkit-flex;overflow:hidden;overflow:visible;position:absolute}.main{height:480px;margin:0 auto;position:relative;width:480px}@media screen and (max-width:800px){.main{height:380px;width:380px}}@media screen and (max-width:650px){.main{height:280px;width:280px}}@media screen and (max-width:410px){.main{height:220px;width:220px}}@media screen and (max-width:320px){.main{height:200px;width:200px}}.big-circle{animation:Rotate 20s linear infinite;-webkit-animation:Rotate 20s linear infinite;border:3px solid var(--secondary-color);height:100%;position:relative;width:100%}.big-circle,.icon-block{align-items:center;-webkit-align-items:center;border-radius:50%;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center}.icon-block{background-color:var(--secondary-color);height:64px;position:absolute;width:64px}@media screen and (max-width:800px){.icon-block{height:54px;height:44px;width:54px;width:44px}}@media screen and (max-width:410px){.icon-block{height:33px;width:33px}}@media screen and (max-width:320px){.icon-block{height:23px;width:23px}}.icon-block img{animation:Rotate-reverse 20s linear infinite;-webkit-animation:Rotate-reverse 20s linear infinite;margin:0 auto;width:86%}@media screen and (max-width:800px){.icon-block img{height:35px!important;width:35px!important}}@media screen and (max-width:650px){.icon-block img{height:30px!important;width:30px!important}}@media screen and (max-width:410px){.icon-block img{height:20px!important;width:20px!important}}.icon-block:first-child{left:50%;top:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.icon-block:nth-child(2){right:0;top:50%;transform:translate(50%,-50%);-webkit-transform:translate(50%,-50%)}.icon-block:nth-child(3){bottom:0;left:50%;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%)}.icon-block:nth-child(4){left:0;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.circle{animation:circle-rotate 15s linear infinite;-webkit-animation:circle-rotate 15s linear infinite;border:3px solid var(--secondary-color);border-radius:50%;height:130%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);width:130%}.circle .icon-block img{animation:img-rotate 15s linear infinite;-webkit-animation:img-rotate 15s linear infinite}.center-logo{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.center-logo img{max-width:200px}@keyframes Rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes Rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes Rotate-reverse{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes Rotate-reverse{0%{-webkit-transform:rotate(1turn)}to{-webkit-transform:rotate(0deg)}}@keyframes circle-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}to{-webkit-transform:translate(-50%,-50%) rotate(-405deg);transform:translate(-50%,-50%) rotate(-405deg)}}@-webkit-keyframes circle-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(45deg)}to{-webkit-transform:translate(-50%,-50%) rotate(405deg)}}@keyframes img-rotate{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes img-rotate{0%{-webkit-transform:rotate(45deg)}to{-webkit-transform:rotate(405deg)}}.app__works{flex:1 1;flex-direction:column;width:100%}.app__work-filter{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:4rem 0 2rem}.app__work-filter .app__work-filter-item{background-color:hsla(0,0%,100%,0);border:1px solid var(--secondary-color);border-radius:.5rem;color:var(--lightBlue-color);cursor:pointer;font-weight:700;margin:.5rem;padding:.5rem 1rem;transition:all .3s ease}.app__work-filter .app__work-filter-item:hover{border:1px solid #fff;box-shadow:inset 0 0 2px #fff,0 0 2px #fff,0 0 5px #28d7fe,inset 0 0 5px #28d7fe,0 0 10px 1px #28d7fe,inset 0 0 10px 1px #28d7fe}@media screen and (min-width:2000px){.app__work-filter .app__work-filter-item{border-radius:.85rem;padding:1rem 2rem}}.app__work-filter .item-active{background-color:transparent;border:1px solid #fff;box-shadow:inset 0 0 2px #fff,0 0 2px #fff,0 0 5px #28d7fe,inset 0 0 5px #28d7fe,0 0 10px 1px #28d7fe,inset 0 0 10px 1px #28d7fe;color:var(--lightBlue-color)}.app__work-portfolio{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.app__work-portfolio .app__work-item{background-color:hsla(0,0%,100%,0);border:2px solid var(--secondary-color);border-radius:.5rem;color:#000;cursor:pointer;flex-direction:column;margin:2rem;padding:1rem;transition:all .3s ease;width:270px}.app__work-portfolio .app__work-item:hover{box-shadow:0 0 25px rgba(0,0,0,.25)}@media screen and (min-width:2000px){.app__work-portfolio .app__work-item{border-radius:.75rem;padding:1.25rem;width:470px}}@media screen and (max-width:300px){.app__work-portfolio .app__work-item{margin:1rem;width:100%}}.app__work-img{height:160px;position:relative;width:100%}.app__work-img img{border:2px solid var(--lightBlue-color);border-radius:.5rem;height:100%;object-fit:cover;width:100%}@media screen and (min-width:2000px){.app__work-img{height:280px}}.app__work-hover{border-radius:.5rem;bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.app__work-hover,.app__work-hover div{background-color:rgba(0,0,0,.5);transition:all .3s ease}.app__work-hover div{border:1px solid var(--secondary-color);border-radius:50%;box-shadow:inset 0 0 1px #fff,0 0 1px #fff,0 0 1px #28d7fe,inset 0 0 1px #28d7fe,0 0 1px 1px #28d7fe,inset 0 0 1px 1px #28d7fe;cursor:pointer;font-family:var(--font-base);font-weight:800;height:50px;margin:1rem;width:50px}.app__work-hover div svg{color:var(--secondary-color);color:var(--white-color);height:50%;width:50%}.app__work-content{flex-direction:column;position:relative;width:100%}.app__work-content h4{line-height:1.5;margin-top:1rem}.app__work-content .app__work-tag{background-color:#fff;background-color:rgba(0,0,0,.5);border:1px solid var(--lightBlue-color);border-radius:10px;padding:.5rem 1rem;position:absolute;top:-25px}
/*# sourceMappingURL=main.0fa4752b.css.map*/