@import "https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap";*,:before,:after{box-sizing:border-box;user-select:none;margin:0;padding:0;font-family:Ubuntu,sans-serif}:root{--mainColor:#0080ff;--hoverColor:#3190df;--bgColor:#fff;--dark:#312f3a;--darkLight:#45424b;--light:#919191;--lightTwo:#aaa}a{color:var(--dark);cursor:pointer;background:#ffffff80;border:2px solid #f5f5f5;border-radius:20px;margin-left:4rem;padding:10px;font-size:1em;transition:all .6s;display:inline-block;box-shadow:2px 2px 10px #cad5ff,-2px -2px 10px #f8f8f8}a:hover{color:var(--hoverColor);transform:scale(1.07)}a:active{transform:scale(.9);box-shadow:inset 2px 2px 10px #b4bbd8,inset -2px -2px 10px #f8f8f8}.ok{color:#0eb50e;background-color:#cbf9cbb2;border:2px solid #a0fda0}.error{color:#ff0000b7;background-color:#ffbbbba9;border:2px solid #dd6868b8}.not-active{color:#9f7d05;background-color:#ffe2ad60;border:2px solid #ddae15b5}.btn-click{color:#0080ff;background-color:#b6daec9c;border:2px solid #5694bfa1}img{width:100%}a{text-decoration:none}.wrap{background-image:linear-gradient(to bottom right,#beffdf,#c4ffef,#d1fffa,#e2feff,#f3fdff,#f2fbff,#f3f9ff,#f5f6fe,#ebf0fd,#e0eafd,#d3e4fc,#c5dffb);flex-direction:column;justify-content:space-between;width:100%;min-height:100vh;padding:1.7rem 0 2rem;display:flex;overflow:hidden}header{z-index:70;position:relative}.overlay{display:none}.container{z-index:10;width:100%;max-width:81rem;margin:0 auto;padding:1rem;position:relative}header .container{justify-content:space-between;align-items:center;display:flex}.logo{cursor:pointer;align-items:center;display:flex}.logo img{width:160px;height:auto}.links ul{align-items:center;list-style:none;display:flex}.toggle-navbar{z-index:99;cursor:pointer;background:#ffffff8d;border:2px solid #f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .5s;display:none;position:relative;box-shadow:2px 2px 10px #cad5ff,-2px -2px 10px #f8f8f8}.toggle-navbar:active{box-shadow:inset 2px 2px 10px #cad5ff,inset -2px -2px 10px #f8f8f8}.toggle-navbar .bar{background-color:var(--dark);border-radius:3px;width:100%;height:3px;transition:all .4s;position:relative}.bar:before,.bar:after{content:"";background-color:var(--dark);width:100%;height:100%;transition:all .4s;position:absolute}.bar:before{transform:translateY(-8px)}.bar:after{transform:translateY(8px)}.wrap.active .toggle-navbar .bar{background-color:#0000}.wrap.active .bar:before{transform:translateY(0)rotate(-45deg)}.wrap.active .bar:after{transform:translateY(0)rotate(45deg)}.main-component .container{grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;display:grid}.main-component .container .title{font-size:1rem;line-height:1}.title h2{color:var(--mainColor);letter-spacing:2px}.left-side{justify-content:center;align-items:center;padding:10px}.main-component .container p{color:var(--light);text-align:left;max-width:600px;margin:1rem 0 2rem;font-size:1.1rem;line-height:1.5}.web-links{text-align:center;grid-template-columns:repeat(4,1fr);column-gap:50px;padding:10px;display:grid}.webBtn{grid-template-columns:repeat(2,1fr)}.web-links a{margin:6px}.right-side{justify-content:center;align-items:center;padding:10px;display:flex}.sec-change{background:#fff3;border:2px solid #f5f5f5;border-radius:20px;box-shadow:2px 2px 10px #cad5ff,-2px -2px 10px #f8f8f8}.right-side img{width:420px}.right-side .web-links{grid-template-columns:repeat(2,1fr)}.right-side .web-links a{margin-top:20px}.rotate{animation:60s linear infinite rotation}.bg-circles{width:calc(100% - 30px);max-width:100%;height:100%;position:fixed;top:0;left:50%;transform:translate(-50%)}.bg-circles div{border-radius:50%;position:absolute}.bg-circles .circle-1{opacity:.2;background-color:#00f;width:60px;height:60px;animation:20s linear infinite zoomInOut;top:20%;left:5%}.bg-circles .circle-2{opacity:.4;background-color:#2e8fff;width:75px;height:75px;animation:8s ease-in-out infinite bounceTop;top:50%;left:45%}.bg-circles .circle-3{opacity:.5;background-color:#d3464d;width:80px;height:80px;animation:15s linear infinite zoomInOut;top:60%;right:-30px}.bg-circles .circle-4{opacity:.5;background-color:orange;width:60px;height:60px;animation:20s linear infinite bounceTop;top:80%;left:30px}.overlay{z-index:200;visibility:hidden;background-color:#0000;width:100%;height:100%;position:fixed;top:0;left:0}.overlay.active{visibility:visible}@keyframes zoomInOut{0%,to{transform:scale(.4)}50%{transform:scale(1.1)}}@keyframes bounceTop{0%,to{transform:translateY(-80px)}55%{transform:translateY(0)}}@keyframes spinRev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}footer .container{justify-content:space-between;align-items:center;display:flex}footer a{color:var(--dark);cursor:pointer;margin-left:1rem;padding:10px;font-size:1em;display:inline-block}@media screen and (width<=870px){.toggle-navbar{border:2px solid #dbe6fc;width:40px;height:40px;padding:10px;display:flex;box-shadow:2px 2px 10px #d2daf7f0,-2px -2px 10px #dbe4fc}.toggle-navbar:active{box-shadow:inset 2px 2px 10px #d2daf7f0,inset -2px -2px 10px #dbe4fc}.links{-webkit-backdrop-filter:blur(2px);z-index:95;background:#c4d0fd40;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:450px;height:100%;transition:all .5s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.links ul{flex-direction:column}.links a{margin:20px 0;box-shadow:2px 2px 10px #96abf8f0,-2px -2px 10px #bccaef}a:active{box-shadow:inset 2px 2px 10px #96abf8f0,inset -2px -2px 10px #bccaef}.overlay{opacity:0;pointer-events:none;background-color:#000c;transition:all .5s;display:block;position:fixed;inset:0}.wrap.active .links{transform:translate(0);box-shadow:0 0 50px 2px #00000080}.wrap.active .overlay{pointer-events:all;opacity:1}.main-component{max-width:700px;margin:0;padding:2rem 0}.main-component .container{grid-gap:2rem;grid-template-columns:1fr;justify-content:center}.right-side img{width:360px;transform:none}.main-component .container .title{font-size:1.4rem}.web-links{grid-template-columns:repeat(2,1fr)}.web-links a{margin:10px}}@media screen and (width<=580px){footer .container{text-align:center;grid-template-columns:1fr;display:grid}footer .container a{margin-top:20px}.main-component .container .title{font-size:1.1rem}.bg-circles .circle-2{top:55%;left:25%}.bg-circles .circle-4{top:90%!important}.bg-circles .circle-1{top:15%}.right-side img{width:300px;transform:none}.right-side .web-links,.webBtn{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=public.9c2f06c8.css.map */