@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons+Outlined);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}.mainContainer,.mainContainerDark{height:100vh;position:relative;width:100vw}.imageAndDetailsContainer{display:flex;flex-direction:column;height:60%;justify-content:space-around;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}.icons{font-size:30px!important;transition:all 10ms ease-in}.nameAndDetails h1{font-size:35px}.nameAndDetails h1,.nameAndDetails p{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.nameAndDetails p{font-size:18px}.image{border:5px solid #000;margin:0 auto}.image,.image img{border-radius:50%;height:250px;width:250px}.image img{object-fit:cover}.theme{position:absolute;right:1%;top:2%}.socialContainer{display:flex;justify-content:space-around;margin:10px auto;width:38%}.icons:hover{color:#1e88e5}.icons-dark{color:#fff;font-size:30px!important;transition:all 10ms ease-in}.nameAndDetails-dark h1{font-size:35px}.nameAndDetails-dark h1,.nameAndDetails-dark p{color:#fff;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.nameAndDetails-dark p{font-size:18px}.image-dark{border:5px solid #fff;margin:0 auto}.image-dark,.image-dark img{border-radius:50%;height:250px;width:250px}.image-dark img{object-fit:cover}.icons-dark:hover{color:#1e88e5}@media only screen and (max-width:600px){.imageAndDetailsContainer{width:85%!important}.socialContainer{width:45%!important}}@media only screen and (max-width:400px){.socialContainer{width:80%!important}.imageAndDetailsContainer{height:80%}.nameAndDetails{margin-top:-80px}}:root{--accent-color:#1fa8f5;--accent-color-fg:#fefefe;--backdrop-color:#89d4fe;--app-content-background-color:#c0d8ec;--inset-shadow:rgba(7,43,74,.3);--outset-shadow:rgba(223,240,255,.25);--clay-box-shadow:rgba(7,43,74,.3);--clay-background-color:#c0d8ec;--clay-fg-color:#444}body{font-family:Roboto,sans-serif;font-size:10px}.flex-center{align-items:center;display:flex;justify-content:space-around}.container{padding:1rem 1rem 1.5rem}.stage{margin:0 auto;max-width:400px;width:400px}.home.active{color:#1fa8f5;color:var(--accent-color)}.home-style{--app-content-background-color:#c0d8ec}.products.active{--outset-shadow:hsla(27,90%,69%,.45);--inset-shadow:rgba(149,62,8,.45);--clay-box-shadow:rgba(211,69,20,.4);--clay-background-color:#d34514;--clay-fg-color:#f1f2f3;color:#690c0c}.products-style{--app-content-background-color:#d36e5a}.services.active{--outset-shadow:rgba(255,159,40,.45);--inset-shadow:rgba(88,54,13,.45);--clay-box-shadow:rgba(88,54,13,.4);--clay-background-color:#ed9426;--clay-fg-color:#f1f2f3;color:#cf5c0f}.services-style{--app-content-background-color:#ed9426}.about.active{--outset-shadow:rgba(93,255,85,.45);--inset-shadow:rgba(28,78,26,.45);--clay-box-shadow:rgba(28,78,26,.4);--clay-background-color:#4dd146;--clay-fg-color:#f1f2f3;color:#4dd146}.about-style{--app-content-background-color:#4dd146}.help.active{--outset-shadow:hsla(0,0%,90%,.45);--inset-shadow:rgba(81,81,81,.45);--clay-box-shadow:rgba(81,81,81,.4);--clay-background-color:#a3a3a3;--clay-fg-color:#f1f2f3;color:#783896}.help-style{--app-content-background-color:#a3a3a3}.tabbar{background-color:#c0d8ec;background-color:var(--app-content-background-color);border-radius:1rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-sizing:initial;display:flex;flex-direction:column;height:600px;overflow:hidden;position:relative;transition:background-color .4s}.tabbar li,.tabbar ul{list-style-type:none;margin:0;padding:0}.tabbar ul{align-self:flex-end;bottom:0;height:50px;position:absolute;width:100%}.tabbar li,.tabbar ul{background-color:#f9f8fa;justify-content:center}.tabbar li{align-items:center;color:#888;cursor:pointer;display:flex;font-size:1rem;height:60px;margin-right:5px;position:relative;transition:all .4s;width:60px}.tabbar li:last-child{margin-right:0}.tab-style1 li,.tab-style1 ul{justify-content:center}.tab-style1 li{align-items:center;display:flex;height:50px;left:0;top:1px;transition:top .2s ease-out,width .4s,border-radius .4s,box-shadow .4s;width:60px}.tab-style1 li.follow{background-color:#c0d8ec;background-color:var(--app-content-background-color);border:10px solid #c0d8ec;border:10px solid var(--app-content-background-color);border-radius:100%;content:" ";height:60px;position:absolute;top:-3rem;transition:left .4s ease-in,background-color .4s,border-color .4s;width:60px}.tab-style1 li.follow:after,.tab-style1 li.follow:before{background-color:#f9f8fa;border-top:11px solid #c0d8ec;border-top:11px solid var(--app-content-background-color);box-sizing:border-box;content:" ";height:20px;position:absolute;right:-27px;top:27px;transition:border-color .4s;width:20px}.tab-style1 li.follow:after{border-top-left-radius:100%}.tab-style1 li.follow:before{border-top-right-radius:100%;left:-27px;right:auto}.tab-style1 li:first-child.active~.follow{left:12px}.tab-style1 li:nth-child(2).active~.follow{left:75px}.tab-style1 li:nth-child(3).active~.follow{left:140px}.tab-style1 li:nth-child(4).active~.follow{left:205px}.tab-style1 li:nth-child(5).active~.follow{left:270px}.tab-style1 .active{border-radius:100%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 8px 16px 0 rgba(0,0,0,.2);height:60px;top:-2rem;width:60px;z-index:100}.tab-style2 li,.tab-style2 ul{justify-content:center}.tab-style2 li{align-items:center;border-top-left-radius:100%;border-top-right-radius:100%;display:flex;height:50px;left:0;top:1px;width:60px}.tab-style2 .active{height:60px;top:-1rem;width:60px}.tab-style2 .active span{font-size:2rem}.tab-style2 .active:after,.tab-style2 .active:before{border-bottom:4px solid #f9f8fa;content:" ";height:13px;position:absolute;top:8px;width:13px}.tab-style2 .active:before{border-bottom-right-radius:100%;left:-7px}.tab-style2 .active:after{border-bottom-left-radius:100%;right:-7px}.tab-style3 li{background-color:initial;height:35px;padding-top:3px;top:-8px;width:60px}.tab-style3 li.follow{border-top:3px solid #333;display:flex;height:1px;position:absolute;top:0;transition:all .3s ease-out;width:60px}.tab-style3 li:first-child.active~.follow{left:20px;z-index:20}.tab-style3 li:nth-child(2).active~.follow{left:88px;z-index:20}.tab-style3 li:nth-child(3).active~.follow{left:149px;z-index:20}.tab-style3 li:nth-child(4).active~.follow{left:216px;z-index:20}.tab-style3 li:nth-child(5).active~.follow{left:283px;z-index:20}.tab-style4 li{flex-direction:column;height:40px;overflow:hidden;width:60px}.tab-style4 li span{position:relative;text-shadow:inset 2px 2px 4px rgba(7,43,74,.3);text-shadow:inset 2px 2px 4px var(--clay-box-shadow);top:3px;transition:top .4s ease-out,font-size .2s ease-out}.tab-style4 li:after{bottom:-30px;font-size:8px;font-weight:700;height:10px;opacity:0;position:relative;text-align:center;text-transform:uppercase;transition:bottom .2s ease-out,opacity .4s ease-out;width:100%}.tab-style4 li.active:after{bottom:2px;opacity:1;text-shadow:inset 2px 2px 8px rgba(7,43,74,.3);text-shadow:inset 2px 2px 8px var(--clay-box-shadow)}.tab-style4 li:first-child:after{content:"home"}.tab-style4 li:nth-child(2):after{content:"products"}.tab-style4 li:nth-child(3):after{content:"services"}.tab-style4 li:nth-child(4):after{content:"company"}.tab-style4 li:nth-child(5):after{content:"help"}.tab-style4 .active span{font-size:1.1rem;top:-4px}.tab-style5 li,.tab-style5 ul{justify-content:center}.tab-style5 li{align-items:center;display:flex;height:50px;left:0;top:1px;transition:top .4s ease-out,border-radius .4s ease-out,box-shadow .4s ease-out;width:60px}.tab-style5 .active{background-color:#c0d8ec;background-color:var(--clay-background-color);border-radius:100%;box-shadow:1px 2px 4px 0 rgba(7,43,74,.3),2px 4px 8px 0 rgba(7,43,74,.3),inset 2px 2px 8px rgba(223,240,255,.25),inset -2px -2px 8px rgba(7,43,74,.3);box-shadow:1px 2px 4px 0 var(--clay-box-shadow),2px 4px 8px 0 var(--clay-box-shadow),inset 2px 2px 8px var(--outset-shadow),inset -2px -2px 8px var(--inset-shadow);color:#444;color:var(--clay-fg-color);height:60px;top:-1rem;width:60px}.tab-style5 .active span{font-size:2rem}body{font-family:Montserrat,sans-serif;margin:0;overflow:hidden;padding:0}a{color:inherit;text-decoration:none}h2{font-size:4rem}h4{border:4px solid #fff;font-size:1.3rem;padding:.5rem 1rem}footer,header,section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;width:100%}footer .container,header .container,section .container{opacity:0;padding:5%;transition:opacity .8s ease}.active .container{opacity:1}header{background:#396afc;background:linear-gradient(90deg,#2948ff,#396afc)}section:nth-child(2){background:#000;background:linear-gradient(90deg,#53346d,#000)}section:nth-child(3){background:#606c88;background:linear-gradient(90deg,#3f4c6b,#606c88)}section:nth-child(4){background:#141e30;background:linear-gradient(90deg,#243b55,#141e30)}section:nth-child(5){background:#a73737;background:linear-gradient(90deg,#7a2828,#a73737)}footer{background:#1e130c;background:linear-gradient(90deg,#9a8478,#1e130c)}.mouse{bottom:4%;cursor:ns-resize;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mouse-shape{border:3px solid #fff;border-radius:22px;display:block;height:65px;margin:0 auto 15px;position:relative;width:35px}.mouse-shape .mouse-animation{-webkit-animation:ball-scroll 2s linear infinite;animation:ball-scroll 2s linear infinite;background:#fff;border-radius:50%;display:block;height:8px;left:50%;position:absolute;top:25%;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%);width:8px}.mouse .mouse-msg{font-size:.8rem}@-webkit-keyframes ball-scroll{0%{opacity:1;top:25%}20%{opacity:1;top:50%}50%{opacity:0;top:75%}to{opacity:0;top:25%}}@keyframes ball-scroll{0%{opacity:1;top:25%}20%{opacity:1;top:50%}50%{opacity:0;top:75%}to{opacity:0;top:25%}}
/*# sourceMappingURL=main.f0545e7a.css.map*/