.banner,section{background:var(--backdrop)}*,.wrap{padding:0}.banner,header,header ul{display:flex}.banner,.bg-text,.cybr-btn,.tagcloud,header ul,header ul li,header ul li a{position:relative}:root{--accent:#00E472;--highlight:#CCCCCC;--white:#fff;--backdrop:#212121;--black:#000;--btn_hover:#9fedd7;--bg_text:#0f292f;--d:700ms;--e:cubic-bezier(0.19, 1, 0.22, 1);--font-sans:"Cyber",serif;--font-serif:"Cyber",serif}@font-face{font-family:Cyber;src:url("https://assets.codepen.io/605876/Blender-Pro-Bold.otf");font-display:swap}*{margin:0;box-sizing:border-box;font-family:Cyber,sans-serif;scroll-behavior:smooth}header{position:fixed;top:0;left:0;width:100%;padding:40px 100px;justify-content:space-between;align-items:center;z-index:1000;transition:.5s}header.sticky{background:var(--white);padding:20px 100px;box-shadow:0 2px 10px var(--accent)}header .logo{color:var(--white);font-size:24px;text-transform:uppercase;text-decoration:none;font-weight:700;letter-spacing:2px}header.sticky .logo,header.sticky ul li a{color:var(--backdrop)}header ul{margin-bottom:0}header ul li{list-style:none}header ul li a{display:inline-block;margin:0 15px;color:var(--highlight);text-decoration:none}section{padding:100px 100px 1%;color:#fff}.banner{min-height:100vh;background-size:cover;background-position:right;justify-content:space-between;align-items:center}.banner h2{font-size:3em;color:var(--highlight);font-weight:500;line-height:1.5em}.banner h2 span{font-size:1.5em;font-weight:700}.banner h3{color:var(--white);font-size:1.5em;font-weight:500}#click,.sphere_min,header label,header.sticky label{display:none}header .menu-btn i{color:var(--white);font-size:18px}header.sticky .menu-btn i{color:var(--backdrop);font-size:18px}@media screen and (max-width:939px){.sphere_min,header .menu-btn i,header label,header ul,header.sticky label{display:block}.jd1{margin-left:-166px}.col-md-4{width:50%!important}.timeline-content{width:auto}.timeline .event:before{writing-mode:tb;top:-25px!important}header.sticky .menu-btn i{color:#000}#click:checked~.menu-btn i::before{content:"\f00d"}header ul{position:fixed;top:80px;background:var(--backdrop);height:100vh;width:100%;text-align:center;left:-100%;transition:.5s}#click:checked~ul{left:0}header ul li{margin:30px 0}header ul li a{font-size:25px!important;display:block}header.sticky ul li a{color:var(--white)}section.banner{display:flex;flex-direction:column-reverse}div.textBx{margin-top:20px;font-size:.9rem;text-align-last:center}.cards{margin-top:30px}.sphere{display:none}}@media screen and (min-width:940px) and (max-width:1080px){.tagcloud{width:550px!important}}@media (min-width:940px){.page-content{grid-template-columns:repeat(4,1fr)!important;justify-items:center}.bg-text{font-size:6em}.timeline .event:before{left:-165.5px!important}.progress-style{width:350px}}.bg-text,.wrap .about-desc .bold-text{left:10px;font-weight:700!important;text-transform:uppercase;right:0;bottom:0}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:auto;margin-left:-6px}.wrap .about-desc .bold-text{position:absolute;top:-80px;color:rgba(0,0,0,.08)}@media only screen and (max-width:600px){.page-content{padding:0!important}.display-4{font-size:2.5rem!important}header .menu-btn i,header label,header.sticky .menu-btn i,header.sticky label{display:block}.banner{justify-content:center}.tagcloud{font-size:14px!important}header,header.sticky{padding:20px}section{padding:100px 20px}.bg-text{font-size:xxx-large;top:-45px!important}}@media only screen and (min-width:600px){.page-content{grid-template-columns:repeat(2,1fr)!important;justify-items:center}.wrap .about-desc .bg-text{position:relative}}@media only screen and (min-width:768px){.wrap .about-desc .bg-text{position:relative}}@media only screen and (min-width:992px){.wrap .about-desc .bold-text .bg-text{font-size:6em!important}}@media only screen and (min-width:1200px){.page-content{grid-template-columns:repeat(4,1fr)!important;justify-items:center}}.social-links li{list-style:none;display:inline-block;padding-right:2rem}.social-links li a{height:50px;width:50px;display:block;float:left;background:rgba(255,255,255,.05);border-radius:50%;position:relative}.social-links li a ion-icon{position:absolute;font-size:26px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.3s}.social-links li a:hover{color:#111;transition:.3s}.tech-icon{height:20px}.tstack .icon-box{display:flex;align-items:center;padding:20px;color:#fff;transition:.3s ease-in-out}.sink:hover,.tagcloud--item:hover{color:var(--highlight)}.tstack .icon-box i{font-size:32px;padding-right:10px;line-height:1}.tstack .icon-box h3{font-weight:300;margin:0;padding:0 0 0 .5rem;line-height:1;font-size:1.4rem}.tstack .icon-box:hover{background:rgba(122,122,122,.12)}.bg-text{margin-bottom:-1em;top:-80px;color:gray!important;opacity:25%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--backdrop)}::-webkit-scrollbar-thumb{background:var(--accent)}::-webkit-scrollbar-thumb:hover{background:var(--highlight)}.sink{display:inline-block;transition-duration:.3s;transition-property:transform;-webkit-tap-highlight-color:transparent;transform:translateZ(0);box-shadow:0 0 1px transparent;font-family:Cyber;font-size:1.25rem}.sink:hover{transform:translateY(5px)}.tagcloud{font-size:20px;font-style:italic;margin:auto;width:695px}.page-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(27rem,1fr));padding:5% 1rem 1rem;max-width:2048px;margin:0 auto}.cybr-btn{--primary:hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * 1%));--shadow-primary:hsl(var(--shadow-primary-hue), 90%, 50%);--primary-hue:145;--primary-lightness:50;--color:hsl(0, 0%, 0%);--font-size:20px;--shadow-primary-hue:205;--label-size:5px;--shadow-secondary-hue:60;--shadow-secondary:hsl(var(--shadow-secondary-hue), 90%, 60%);--clip:polygon(0 0, 100% 0, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 13% 100%, 0 70%);--border:4px;--shimmy-distance:5;--clip-one:polygon(0 2%, 100% 2%, 100% 95%, 95% 95%, 95% 90%, 85% 90%, 85% 95%, 8% 95%, 0 70%);--clip-two:polygon(0 78%, 100% 78%, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 78%);--clip-three:polygon(0 44%, 100% 44%, 100% 54%, 95% 54%, 95% 54%, 85% 54%, 85% 54%, 8% 54%, 0 54%);--clip-four:polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);--clip-five:polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);--clip-six:polygon(0 40%, 100% 40%, 100% 85%, 95% 85%, 95% 85%, 85% 85%, 85% 85%, 8% 85%, 0 70%);--clip-seven:polygon(0 63%, 100% 63%, 100% 80%, 95% 80%, 95% 80%, 85% 80%, 85% 80%, 8% 80%, 0 70%);font-family:Cyber,sans-serif;color:var(--color);cursor:pointer;opacity:.9;background:0 0;text-transform:uppercase;font-size:var(--font-size);outline:transparent;letter-spacing:2px;border:0;padding:10px 30px;line-height:1.5;transition:background .2s}.cybr-btn:hover{--primary:hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * 0.8%))}.cybr-btn:active{--primary:hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * 0.6%))}.cybr-btn:after,.cybr-btn:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;clip-path:var(--clip);z-index:-1}.cybr-btn:before{background:var(--shadow-primary);transform:translate(var(--border),0)}.cybr-btn:after,.cybr-btn__glitch:before{background:var(--primary)}.cybr-btn__tag{position:absolute;padding:1px 4px;letter-spacing:1px;line-height:1;bottom:-3%;right:1.8%;font-weight:400;color:#fff;font-size:var(--label-size)}.cybr-btn__glitch{position:absolute;top:calc(var(--border) * -1);left:calc(var(--border) * -1);right:calc(var(--border) * -1);bottom:calc(var(--border) * -1);background:var(--shadow-primary);text-shadow:2px 2px var(--shadow-primary),-2px -2px var(--shadow-secondary);clip-path:var(--clip);animation:2s infinite glitch;display:none}.cybr-btn:hover .cybr-btn__glitch{display:block}.cybr-btn__glitch:before{content:'';position:absolute;top:calc(var(--border) * 1);right:calc(var(--border) * 1);bottom:calc(var(--border) * 1);left:calc(var(--border) * 1);clip-path:var(--clip);z-index:-1}@keyframes glitch{0%{clip-path:var(--clip-one)}2%,8%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance) * -1%),0)}6%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance) * 1%),0)}9%{clip-path:var(--clip-two);transform:translate(0,0)}10%{clip-path:var(--clip-three);transform:translate(calc(var(--shimmy-distance) * 1%),0)}13%{clip-path:var(--clip-three);transform:translate(0,0)}14%,21%{clip-path:var(--clip-four);transform:translate(calc(var(--shimmy-distance) * 1%),0)}25%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance) * 1%),0)}30%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance) * -1%),0)}35%,45%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance) * -1%))}40%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance) * 1%))}50%{clip-path:var(--clip-six);transform:translate(0,0)}55%{clip-path:var(--clip-seven);transform:translate(calc(var(--shimmy-distance) * 1%),0)}60%{clip-path:var(--clip-seven);transform:translate(0,0)}100%,31%,61%{clip-path:var(--clip-four)}}.cards{color:var(--white);background:linear-gradient(180deg,var(--backdrop) 85%,#00e472 100%,#00e472 100%);background-size:cover;padding:9rem 0 0;max-width:34ch;border-radius:.5rem;overflow:hidden;transition:transform .5s;margin-bottom:20px;box-shadow:0 0 8px 3px rgba(255,255,255,.2)}.cards:focus-within,.cards:hover{transform:scale(1.05)}.cards-content{--padding:1.5rem;padding:var(--padding);background:linear-gradient(hsl(0,0%,0% / 0),hsl(20 0% 0% / .3) 20%,hsl(0 0% 0% / 1))}.cards-title{position:relative;width:max-content;max-width:100%;font-size:25px}.cards-title::after{content:"";position:absolute;height:3px;left:calc(var(--padding) * -1);bottom:-1px;width:calc(100% + var(--padding));background:var(--accent);transform-origin:left;transition:transform .5s}.cards:focus-within .cards-title::after,.cards:hover .cards-title::after{transform:scaleX(1)}.cards-body{height:144px}@media (hover){.cards-content{transform:translateY(60%);transition:transform .5s}.cards:focus-within .cards-content,.cards:hover .cards-content{transform:translateY(0);transition-delay:0.5s}.cards-content>:not(.cards-title){opacity:0;transition:opacity .5s linear}.cards:focus-within .cards-content>:not(.cards-title),.cards:hover .cards-content>:not(.cards-title){opacity:1;transition-delay:0.5s}.cards-title::after{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important;transition-delay:0s!important}}.timeline-content{width:100%;height:254.4px;overflow-x:hidden;overflow-y:scroll;text-align:justify;-ms-overflow-style:none;scrollbar-width:none}.timeline-content::-webkit-scrollbar{display:none}.timeline{border-left:4px solid #fff;border-bottom-right-radius:4px;border-top-right-radius:4px;background:rgba(255,255,255,.03);font-family:var(--font-sans);margin:20px auto 20px 130px;letter-spacing:.5px;position:relative;line-height:1.4em;font-size:1.03em;padding:30px;list-style:none;text-align:left;font-weight:100}.timeline h3{font-family:var(--font-serif);letter-spacing:1.5px;font-weight:400;font-size:1.4em}.timeline .event{border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:15px;position:relative}.timeline .event:last-of-type{padding-bottom:0;margin-bottom:0;border:none}.timeline .event:after,.timeline .event:before{position:absolute;display:block;top:3px}.timeline .event:before{left:-187.5px;content:attr(data-date);text-align:right;font-weight:400;font-size:1.1em;min-width:120px;font-family:var(--font-sans)}.timeline .event:after{box-shadow:0 0 0 4px #000;left:-37.85px;background:var(--white);border-radius:50%;height:11px;width:11px;content:"";top:7.5px}@keyframes python{0%{width:0%}100%{width:70%}}@keyframes pythonHide{0%,100%{width:0%}}@keyframes web{0%{width:0%}100%{width:70%}}@keyframes webHide{0%,100%{width:0%}}@keyframes dataScience{0%{width:0%}100%{width:70%}}@keyframes dataScienceHide{0%,100%{width:0%}}@media (prefers-reduced-motion:no-preference){.animo{animation:2s python}.animoWeb{animation:5s web}.animoAndroid{animation:2s android}}.progress{background-color:#525252}.bg-dark{background-color:#121212!important}.text-accent{color:var(--accent)!important}.popup-container{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:800px;max-height:80%;overflow:auto;background:var(--backdrop);background-color:var(--backdrop);padding:20px;z-index:9999;box-shadow:0 2px 8px rgba(0,0,0,.3)}.btn-close{display:inline-block;padding:5px 10px;background-color:#555;color:#fff;border:none;border-radius:3px;cursor:pointer;margin-top:20px}.popup-container p,b,li,u{font-size:1.1rem}.popup-container li{margin-left:2rem}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9998}.popup-content h2{border-bottom:1px solid #fff}.popup-content h3{text-decoration:underline}