.sidebar_container{z-index:997;background-color:#0000;width:250px;height:450px;margin-top:50px;transition:margin .5s ease-in-out;position:fixed;right:0;overflow:hidden}.sidebar_sub_container1{float:left;background-color:#0000;justify-content:center;align-items:center;width:166px;height:100%;display:flex}.sidebar_sub_container2{float:right;background-color:#212532;border-radius:10px;width:84px;height:100%}.slide_btn{color:#ababa9;z-index:998;width:40px;height:40px;margin-left:145px;padding:0 5px 5px;font-size:35px}.slide_btn:hover{color:#212532}.slide_right{margin-right:-250px}.slide_right .sidebar_sub_container1 .slide_btn{position:fixed;right:1px}.pipe{z-index:998;background-color:#ababa9;width:5px;height:28px;margin-top:10px;margin-left:-1px}.slide_btn .menu_btn_label_container{justify-content:right;align-items:right;background:0 0;height:40px;margin-top:10px;margin-left:12px;display:flex;position:absolute}.slide_btn .menu_btn_label_container .menu_btn_label{color:#fff;opacity:0;visibility:hidden;white-space:nowrap;background:#212532;border-radius:6px;margin-top:5px;padding:5px 10px;font-size:14px;transition:all .5s;display:flex;position:absolute;transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.slide_btn:hover .menu_btn_label{opacity:1;visibility:visible;transform:translate(-20px)translateY(-5px)}.slide_btn:hover .menu_btn_label:before{content:"";background:#212532;border-radius:2px;width:12px;height:12px;position:absolute;top:12px;right:-2px;transform:rotate(45deg)translateY(-5px)}.slide_btn .menu_btn_label_container .menu_btn_label:hover{cursor:default}
.menu_btn_container{color:#fff;text-align:center;z-index:9999;background-color:#333849;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin-top:10px;margin-left:23%;font-size:20px;display:flex}.link_style{color:#fff;z-index:1;position:relative}.menu_btn_label_container{justify-content:right;align-items:right;background:0 0;height:40px;margin-top:5px;margin-left:-57px;display:flex;position:absolute}.menu_btn_label{color:#fff;opacity:0;visibility:hidden;cursor:pointer;background:#212532;border-radius:6px;margin-top:5px;padding:5px 10px;transition:all .5s;display:flex;position:absolute;transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.menu_btn_container:hover .menu_btn_label{opacity:1;visibility:visible;transform:translate(-20px)translateY(-5px)}.menu_btn_container:hover .menu_btn_label:before{content:"";background:#212532;border-radius:2px;width:12px;height:12px;position:absolute;top:16px;right:-2px;transform:rotate(45deg)translateY(-5px)}.menu_btn_label:hover{cursor:pointer}.menu_btn_container svg{transition:all .5s}.menu_btn_container:hover svg{color:#2dfc52;filter:drop-shadow(0 0 2px #2dfc52)drop-shadow(0 0 5px #2dfc52)drop-shadow(0 0 15px #2dfc52)}.activeBtn svg{color:#2da6fc;filter:drop-shadow(0 0 2px #0307fb)drop-shadow(0 0 5px #0307fb)drop-shadow(0 0 15px #0307fb)}.activeBtn .menu_btn_label_container .menu_btn_label{color:#0307fb;filter:drop-shadow(0 0 2px #0307fb2f)drop-shadow(0 0 5px #0307fb2f)drop-shadow(0 0 15px #0307fb2f)}
.mobile_menu_container{z-index:99999;background:0 0;width:100%;display:none;position:absolute}.mm_body{z-index:99999;background:#2f363ee7;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s ease-in-out;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.hamburger{background-color:#2f363e77;border-top-left-radius:15px;border-bottom-left-radius:15px;width:80px;height:50px;position:absolute;top:10px;right:0}.hamburger span{color:#fff;font-size:25px;position:absolute;top:8px;right:30px}.hamburger span:hover{color:#00f}.menuToggle:hover{background:#ff0015;box-shadow:0 0 10px #ff0015,0 0 30px #ff0015,0 0 50px #ff0015;color:#fff!important}.mm_body .menu{justify-content:center;align-items:center;width:260px;height:260px;display:flex;position:relative}.mm_body .menu li{transform-origin:130px;transition:all .5s;transition-delay:calc(.1s*var(--i));list-style:none;position:absolute;left:0;transform:rotate(0)translate(100px)}.mm_body .menu.active li{transform:rotate(calc(360deg/8*var(--i)))}.mm_body .menu li a{width:60px;height:60px;transform:rotate(calc(360deg/-8*var(--i)));color:#0000;border-radius:50%;justify-content:center;align-items:center;font-size:1.5em;transition:all 1s .5s;display:flex}.mm_body .menu.active li a{color:var(--clr)}.mm_body .menu li a:before{content:"";background:var(--clr);width:20px;height:2px;transform:rotate(calc(var(--i)*90deg))translate(0,25px);border-radius:2px;transition:height .5s,width .5s,transform .5s;position:absolute}.mm_body .menu.active li a:before{border:2px solid var(--clr);box-sizing:border-box;width:60px;height:60px;transform:rotate(calc(var(--i)*90deg))translate(0px,0px);background:0 0;transition:transform .5s 1s,height .5s 1.5s,width .5s 1.5s;rotate:135deg}.mm_body .menu.active li a .my_icon{z-index:100000}.mm_body .menu.active li:hover a:before{background:var(--clr);color:#2f363e;box-shadow:0 0 10px var(--clr),0 0 30px var(--clr),0 0 50px var(--clr)}.mm_body .menu li a:after{content:"";background:var(--clr);z-index:-1;width:20px;height:2px;transform:rotate(calc(var(--i)*0deg))translate(15px,0px);transition:all .5s .5s;position:absolute;left:50px}.mm_body .menu.active li a:after{width:40px;transform:rotate(calc(var(--i)*45deg))translate(50px,0px);transition-delay:.5s;left:10px}.mm_body .menu.active li:hover a .my_icon{color:#2f363e;z-index:100000;position:relative}.mm_body .menu .menuToggle{color:#fff;z-index:1000;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2em;transition:transform 1.5s;display:flex;position:absolute}.mm_body .menu.active .menuToggle{transform:rotate(315deg)}
.bubbles_container{z-index:0;width:100%;height:100vh;position:relative;overflow:hidden}.bubbles{display:flex;position:relative}.bubbles span{text-align:center;width:30px;height:30px;animation:15s linear infinite bubblesAnimate;animation-duration:calc(125s/var(--j));background:#4fc3dc;border-radius:50%;align-items:center;margin:0 4px;font-size:25px;position:relative;box-shadow:0 0 0 10px #4fc3dc44,0 0 50px #4fc3dc,0 0 100px #4fc3dc;color:#fff!important}.bubbles span:nth-child(2n){background:#ff2d75;box-shadow:0 0 0 10px #ff2d7544,0 0 50px #ff2d75,0 0 100px #ff2d75}@keyframes bubblesAnimate{0%{transform:translateY(100vh)scale(0)}to{transform:translateY(-10vh)scale(1)}}.mysql,.api{padding-top:8px!important;padding-left:-10px!important;font-size:12px!important;display:inline-block!important}.graphql{padding-top:4px!important;padding-left:-10px!important;font-size:12px!important;display:inline-block!important}.icon-center{padding-bottom:2.5px!important;display:inline-block!important}
*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.App{text-align:center;width:100%;height:100%;position:fixed;background:linear-gradient(135deg,#780206 0%,#061161 50%,#780206 100%)!important}.headingStyle{float:left}.heading{text-transform:uppercase;color:#0000;letter-spacing:1px;z-index:1;background:linear-gradient(135deg,#6a11cb,#2575fc,#6a11cb);-webkit-background-clip:text;background-clip:text;width:100%;padding-top:10px;text-decoration:underline;display:block;position:fixed;font-size:40px!important;left:0!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-scrollbar-button{display:none}