*{margin:0;padding:0;line-height:1.5}:root{font-size:16px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;--text-primary: #b6b6b6;--text-secondary: #ececec;--bg-primary: #23232e;--bg-secondary: #141418;--transition-speed: .6s}html{overflow-x:hidden}body{overflow-x:hidden;color:#000;background-color:#fff}body::-webkit-scrollbar{width:.25rem}body::-webkit-scrollbar-track{background:#1e1e24}body::-webkit-scrollbar-thumb{background:#6649b8}.navbar{overflow-y:hidden;position:fixed;background-color:var(--bg-primary);transition:width .6s ease;z-index:+1}.navbar::-webkit-scrollbar{height:.25rem;width:.25rem}.navbar::-webkit-scrollbar-track{background:#1e1e24}.navbar::-webkit-scrollbar-thumb{background:#6649b8}.CodeMirror-vscrollbar::-webkit-scrollbar{width:.25rem}.CodeMirror-vscrollbar::-webkit-scrollbar-track{background:#1e1e24}.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#6649b8}.CodeMirror-hscrollbar::-webkit-scrollbar{height:.25rem}.CodeMirror-hscrollbar::-webkit-scrollbar-track{background:#1e1e24}.CodeMirror-hscrollbar::-webkit-scrollbar-thumb{background:#6649b8}.navbar-nav{list-style:none;display:flex;flex-direction:column;align-items:center;height:100%}.nav-item{width:100%}.nav-link{display:flex;align-items:center;height:5rem;color:var(--text-primary);text-decoration:none;filter:grayscale(100%) opacity(.7);transition:var(--transition-speed)}.nav-link:hover{filter:grayscale(0%) opacity(1);background:var(--bg-secondary);color:var(--text-secondary)}.link-text{display:none;margin-left:1rem}.nav-link svg{width:2rem;min-width:2rem;margin:0 1.5rem}.logo{font-weight:700;text-transform:uppercase;margin-bottom:1rem;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);font-size:1.5rem;letter-spacing:.3ch;width:100%}.logo svg{transform:rotate(0);transition:var(--transition-speed)}.logo-text{display:inline;position:absolute;left:-999px;transition:var(--transition-speed)}.navbar:hover .logo svg{transform:rotate(-180deg)}#logo-id{pointer-events:none;filter:grayscale(0%) opacity(1);background:var(--bg-secondary);color:var(--text-secondary)}@media only screen and (max-width: 600px){.navbar{bottom:0;width:100vw;height:5rem}.logo{display:none}.navbar-nav{flex-direction:row}.nav-link{justify-content:center}main{margin:0}}@media only screen and (min-width: 600px){.navbar{top:0;width:5rem;height:100vh}.navbar:hover{width:16rem}.navbar:hover .link-text{display:inline}.navbar:hover .logo svg{margin-left:11rem}.navbar:hover .logo-text{left:0px}}.cards{padding:4rem 0 2rem 5rem;background:#fff}.cards__container{display:flex;flex-flow:column;align-items:center;max-width:1120px;width:90%;margin:0 auto}.cards__wrapper{position:relative;margin:50px 0 45px}.cards__items{margin-bottom:24px}.cards__item{display:flex;flex:1;margin:0 1rem;border-radius:10px}.cards__item__link{display:flex;flex-flow:column;width:100%;box-shadow:0 6px 20px #387dff2b;-webkit-filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));border-radius:10px;overflow:hidden;text-decoration:none}.cards__item__pic-wrap{position:relative;width:100%;padding-top:67%;overflow:hidden}.fade-img{animation-name:fade-img;animation-duration:2s}.cards__item__pic-wrap:after{content:attr(data-category);position:absolute;bottom:0;margin-left:10px;padding:6px 8px;max-width:calc(100% - 60px);font-size:12px;font-weight:700;color:#fff;background-color:#1f98f4;box-sizing:border-box}.cards__item__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover;transition:all .2s linear}.cards__item__img:hover{transform:scale(1.1)}.cards__item__info{padding:20px 30px 30px}.cards__item__text{color:#252e48;font-size:18px;line-height:24px}.cards__item__pic-wrap:after{content:none}@media only screen and (min-width: 1200px){.content__blog__container{width:84%}}@media only screen and (min-width: 1024px){.cards__items{display:flex}}@media only screen and (max-width: 1024px){.cards__item{margin-bottom:2rem}}@media only screen and (max-width: 600px){.cards{padding:4rem 0 2rem}}.hero-container{padding:4rem 0 2rem 5rem;display:flex;flex-direction:column;align-items:center;background:var(--bg-primary)}.header-title{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:24px;padding:24px;color:var(--text-secondary)}.header-title-heading{margin-bottom:24px;font-size:60px}.Typewriter{margin-bottom:24px;font-size:48px}.hero-btn{margin-top:16px}.start-button{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--text-secondary);transition:var(--transition-speed);padding:8px 20px;font-size:18px;border-radius:.3rem}.start-button:hover{background:var(--bg-secondary);color:var(--text-secondary)}.fa-play-circle{margin-left:4px}.coder-image{padding:0 2rem 2rem}@media only screen and (max-width: 600px){.hero-container{padding:4rem 0 2rem}}@media only screen and (max-width: 550px){.header-title-heading{font-size:35px}.Typewriter{font-size:28px}}@media only screen and (max-width: 650px){.coder-image img{width:300px}}.footer-container{background-color:var(--bg-primary);padding:2rem 0 2rem 5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-links{width:100%;max-width:1000px;display:flex;justify-content:center}.footer-link-wrapper{display:flex}.footer-link-items{display:flex;flex-direction:column;align-items:flex-start;margin:16px 32px;text-align:left;width:160px;box-sizing:border-box}.footer-link-items h2{margin-bottom:16px}.footer-link-items>h2{color:#fff}.footer-link-items a{color:#fff;text-decoration:none;margin-bottom:.5rem}.footer-link-items a:hover{color:#e9e9e9;transition:.3s ease-out}.social-icon-link{color:#fff;font-size:24px}.social-media{max-width:1000px;width:100%}.social-media-wrap{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1000px;margin:40px auto 0}.social-icons{display:flex;justify-content:space-between;align-items:center;width:240px}.website-rights{color:#fff;margin-bottom:16px}.social-icons svg{width:1.5rem;filter:grayscale(100%) opacity(1);transition:var(--transition-speed)}.facebook :hover,.twitter :hover,.youtube :hover,.github :hover,.instagram :hover{filter:grayscale(0%) opacity(1)}@media screen and (max-width: 820px){.footer-link-wrapper,.social-media-wrap{flex-direction:column}}@media screen and (max-width: 450px){.footer-links{flex-direction:column;flex-wrap:wrap;align-content:center}}@media only screen and (max-width: 600px){.footer-container{padding:4rem 0 5rem}}.about-wrapper{padding:0 0 0 5rem}.icon-svg svg{fill:#edffec;width:1rem;min-width:1rem;margin:0 1.5rem}.none_p{pointer-events:none}.about-left{background:#98c1d9;display:flex;flex-direction:column;align-items:center}.about-left-content>div{background:#e0fbfc;padding:4rem 4rem 2.5rem 5rem;text-align:center}.about-left-content{margin-top:4rem;box-shadow:0 0 18px -1px #00000063;-webkit-box-shadow:0px 0px 18px -1px rgba(0,0,0,.39);-moz-box-shadow:0px 0px 18px -1px rgba(0,0,0,.39)}.about-img img{display:block;width:200px}.about-img{width:200px;height:200px;overflow:hidden;border-radius:50%;transition:all .5s ease-in-out}.shadow{margin-left:auto;margin-right:auto;border-radius:50%;width:200px;height:200px;position:relative;cursor:pointer}.shadow:after{content:"";position:absolute;background:rgba(0,0,0,.4);left:50%;transform:translate(-50%);bottom:-20px;height:7px;width:50px;filter:blur(3px);-webkit-filter:blur(3px);opacity:0;transition:all .6s ease}.shadow:hover .about-img{transform:translateY(-10px)}.shadow:hover:after{opacity:1}.about-left-content h2{font-size:2rem;margin:2.2rem 0 .6rem;line-height:1.2;padding-bottom:1rem;border-bottom:2px solid #edffec}.about-left-content h3{text-transform:uppercase;font-weight:300;letter-spacing:5px;margin-top:1.2rem}.icons{background:#fff;display:flex;justify-content:center;padding:.8rem 0}.icons li{list-style-type:none;background:#dd2d4a;color:#fff;width:40px;height:40px;margin:0 .5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;cursor:pointer;transition:all .5s ease-in-out}.icons li:hover{background:#edffec}.icons li:hover .icon-svg svg{fill:#000}.about-right{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 5rem;text-align:center}.about-right h1{font-size:7rem;text-transform:uppercase}.about-right h1 span{color:#dd2d4a}.about-right h2{font-weight:600}.about-btns{display:flex;margin:2rem 0}.btn{border:none;font-size:.9rem;text-transform:uppercase;border:2px solid #000;border-radius:20px;padding:.55rem 0;width:130px;font-weight:600;background:transparent;margin:0 .5rem;cursor:pointer}.btn.btn-pink{background:#dd2d4a;color:#fff;border-color:#dd2d4a;transition:all .5s ease-in-out}.btn.btn-pink:hover{background:transparent;border-color:#dd2d4a;color:#000}.btn.btn-white{transition:all .5s ease-in-out}.btn.btn-white:hover{background:#dd2d4a;border-color:#dd2d4a;color:#fff}.about-para p{font-weight:300;padding:.5rem;opacity:.8}@media screen and (min-width: 992px){.about-wrapper{display:grid;grid-template-columns:repeat(2,1fr)}.about-left{position:relative}.about-left-content{position:absolute;right:-50px}}@media only screen and (max-width: 600px){.about-wrapper{padding:0 0 5rem}}.service-container{padding:0 0 2rem 5rem;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.service-top{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:#23232e}.botton{padding-top:0;padding-bottom:0;width:90%}.section-sec{width:100%;list-style:none}.problem-title{margin-bottom:24px;font-size:24px}.problem-statment{margin-bottom:24px;font-size:20px}.sec-item{width:100%}#arrow{padding:.25rem;margin-left:auto}.sec-link:last-child{margin-left:auto}.span-text{margin-left:1rem;display:inline}.sec-link{width:100%;border:1px solid #b6b6b6;margin:1rem 0;border-radius:.3rem;display:flex;align-items:center;height:5rem;color:#000;text-decoration:none;filter:grayscale(100%) opacity(.7);transition:var(--transition-speed)}.sec-link:hover{filter:grayscale(0%) opacity(1);background:#23232e;color:var(--text-secondary)}.sec-link svg{width:2rem;min-width:2rem;margin:0 1.5rem}@media only screen and (max-width: 600px){.service-container{padding:0 0 5rem}}.problem-container{padding:0 0 2rem 5rem;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.problem-top{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:var(--bg-primary)}.error-l{width:95%;color:#fff;padding:30px 30px 0}.output{padding:.5rem;min-height:10vh;background-color:var(--bg-primary);border:1px solid var(--text-primary);border-radius:.3rem}.error-l>p{font-size:24px}.problem-bottom{display:flex;flex-direction:column;padding:0 30px;justify-content:center;align-items:center;width:95%}.visual{width:100%;align-items:center;justify-content:center;display:flex;flex-direction:column}.code{width:100%;height:90vh}.vis--outline{margin:0 .5rem;background-color:#242424;color:#fff;border:1px solid #fff;transition:all .3s ease-out;padding:8px 20px;font-size:18px;border-radius:.3rem}.vis--outline:hover{transition:all .3s ease-out;background:#fff;color:#242424;border-color:#242424;transition:.25s}.code-btn{display:flex}.l-f svg{width:.8rem;min-width:.8rem;margin:.4rem .6rem}.svg-container{display:flex}.mystyle{background:#242424}.array-container{overflow:hidden;height:80vh;display:flex;justify-content:center;align-items:flex-end}.array-outer{display:flex;flex-direction:column;align-items:center}.array-bar{display:inline-block;margin:0 1px;transition:.3s}.vis-container{width:100%;border-radius:.3rem;border:1px solid #b6b6b6;flex-direction:column;display:flex;margin-bottom:24px;height:100%}.code_contain{margin-bottom:1rem}.pause{display:none}.code::-webkit-scrollbar{height:.25rem;width:.25rem}canvas{background-color:#282a36;width:.25rem}.overlay{display:none;height:100%;width:100%;position:fixed;z-index:1;left:0;top:0;background-color:#000;background-color:#000000e6;overflow-x:hidden;transition:.5s}.overlay-content{position:relative;top:40%;width:100%;text-align:center;margin-top:30px}.loading{color:#36d7b7;position:relative;top:2rem;left:1.5rem}@media only screen and (max-width: 600px){.problem-container{padding:0 0 2rem}}#slider_media{display:flex}.range-container{flex-direction:column;padding:24px 24px 0;display:flex;background:#fff;border-radius:.3rem;border:1px solid #b6b6b6;align-items:center;justify-content:center}.field{display:flex;align-items:center}.t-f{position:relative;margin-bottom:24px;justify-content:center;width:30%}.l-f{flex-direction:column;justify-content:end;width:70%}.field .value{position:absolute;font-size:18px;color:#23232e;font-weight:600}.field .value.right{right:-2rem}.range-container input{-webkit-appearance:none;width:100%;height:3px;background:#ddd;border-radius:5px;outline:none;border:none}.range-container input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:20%;background:#23232e;border:1px solid white;cursor:pointer}.range-container input::-moz-range-container-thumb{-webkit-appearance:none;width:20px;height:20px;background:red;border-radius:50%;background:#664AFF;border:1px solid #664AFF;cursor:pointer}.range-container input::-moz-range-container-progress{background:#664AFF}#lower-input{background:linear-gradient(to right,#23232e 0%,#ddd 0%);pointer-events:none}