.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)}.mm_open{height:100%!important}.mm_slide_in{transform:translate(0)!important}.hamburger_hidden{display:none!important}
.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}::-webkit-scrollbar{display:none}.end_area{width:100%;height:150px}.no-scroll{overflow:hidden!important}@media only screen and (max-height:570px){.home_container,.contact-container{scrollbar-width:none;-ms-overflow-style:none;min-height:300px;overflow:auto}}
@media only screen and (max-width:500px) and (max-height:882px){.background-image-container-parent{justify-content:center;align-items:center;display:flex}.profile-image-container{border-radius:50%;width:200px;height:200px;top:40px}.profile-text-container{width:250px;height:150px;margin-top:170px}.profile-text-container2{display:none}.name-style{font-weight:600;font-size:1.5em!important}.short_intro_container h2{font-size:1.5em;font-weight:600;margin-top:-20px!important}.break-line{display:initial!important}.short-intro{margin-top:20px;font-size:12px;position:relative;z-index:9999999!important;width:100%!important}.socialmedia_container{position:absolute;right:-20px;background-color:#0000!important;margin-top:200px!important}}@media only screen and (max-width:767px){.background-image-container-parent{justify-content:center;align-items:center;display:flex}.profile-image-container{border-radius:50%;width:200px;height:200px;top:40px}.profile-text-container{width:250px;height:150px;margin-top:170px}.profile-text-container2{display:none}.name-style{font-weight:600;font-size:1.5em!important}.short_intro_container h2{font-size:1.5em;font-weight:600;margin-top:-20px!important}.break-line{display:initial!important}.short-intro{width:100%;margin-top:20px;margin-left:30px;font-size:12px;position:relative;z-index:9999999!important}.socialmedia_container{margin-top:200px!important;margin-left:35%!important}}@media only screen and (max-width:500px){.mobile_menu_container{display:block!important}.sidebar_container{display:none}.modal-content{width:99%!important;height:83vh!important}}@media only screen and (max-height:500px){.mobile_menu_container{display:block!important}.sidebar_container{display:none}.modal-content{margin-top:80px;width:99%!important;height:72vh!important}}@media only screen and (max-width:674px){.resume-name{line-height:.9!important}}@media only screen and (max-width:786px){.mobile-inactive{display:none!important}.mobile-active,.resume-bottom{display:block!important}.resume-mobile-h-margin{margin-top:0!important}.resume-mobile-c-margin{padding-top:50px!important;display:block!important}.resume-right-side{margin-top:0!important;padding-bottom:100px!important}.resume-mobile-skill-h{margin-top:0!important;margin-bottom:20px!important}.resume-group{display:block!important}.resume-profile-image{border:5px solid #00f!important;border-radius:50%!important}}@media only screen and (max-width:850px){.resume-top{height:auto!important}}@media only screen and (min-width:768px) and (max-width:1023px){.background-image-container-parent{justify-content:center;align-items:center;display:flex}.profile-image-container{border-radius:50%;width:250px;height:250px;top:40px}.profile-text-container{width:380px;height:150px;margin-top:220px}.name-style{font-weight:600;font-size:1.5em!important}.profile-text-container2{display:none}.short_intro_container h2{margin-top:-20px;font-size:2.2em;font-weight:600}.break-line{display:initial!important}.short-intro{width:100%;margin-top:30px;margin-left:30px;font-size:12px;position:relative;z-index:9999999!important}.socialmedia_container{margin-top:200px!important;margin-left:37%!important}}@media only screen and (min-width:1024px) and (max-width:1279px){.profile-image-container{border-radius:30px;width:400px;height:calc(100vh - 100px);top:40px;left:40px;max-height:600px!important}.profile-text-container{display:none}.profile-text-container2{text-align:center;color:#fdfdfd;width:100%;height:150px;display:block}.name-style{padding-left:400px;font-size:3.5em;font-weight:600}.short_intro_container{margin-left:500px}.short_intro_container h2{font-size:3em;font-weight:600}.short-intro{width:500px;margin-top:50px;margin-left:515px;font-size:16px}.socialmedia_container{margin-top:235px!important;margin-left:55%!important}}@media only screen and (max-width:870px){.resume-left-side{margin-top:-50px!important}}@media only screen and (min-width:871px) and (max-width:920px){.resume-left-side{margin-top:-34.5px!important}}@media only screen and (min-width:921px) and (max-width:970px){.resume-left-side{margin-top:-20.5px!important}}@media only screen and (min-width:971px) and (max-width:1020px){.resume-left-side{margin-top:-6px!important}}@media only screen and (min-width:1021px) and (max-width:1070px){.resume-left-side{margin-top:8px!important}}@media only screen and (min-width:1071px) and (max-width:1120px){.resume-left-side{margin-top:22px!important}}@media only screen and (min-width:1121px) and (max-width:1125px){.resume-left-side{margin-top:36px!important}}@media only screen and (min-width:1280px){.profile-image-container{border-radius:30px;width:400px;height:calc(100vh - 100px);top:40px;left:40px;max-height:600px!important}.profile-text-container{display:none}.profile-text-container2{text-align:center;color:#fdfdfd;width:100%;height:150px;display:block}.name-style{padding-left:220px;font-size:4em;font-weight:600}.short_intro_container{margin-left:500px}.short_intro_container h2{font-size:3em;font-weight:600}.short-intro{width:500px;margin-top:50px;margin-left:515px;font-size:16px}.socialmedia_container{margin-top:235px!important;margin-left:50%!important}}