@import"https://fonts.googleapis.com/css2?family=Teko:wght@300&display=swap";@import"https://fonts.googleapis.com/css2?family=Bangers&family=Yatra+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Bangers&family=Bebas+Neue&family=Open+Sans:ital,wght@0,300;0,800;1,300&family=Poppins:wght@200;300&family=Roboto:wght@100;400&family=Rubik+Doodle+Shadow&family=Rubik+Scribble&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu+Sans+Mono:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css?family=Merriweather+Sans";#root{width:100%;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:linear-gradient(#f200,#0095ff);border-radius:50px}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;font-family:Arial,sans-serif!important}body{width:100%;height:100vh;background-color:#000;color:#fff;overflow-x:hidden!important}.demo_div{width:100%;height:100vh;background-color:red}:root{--w:500px;--h:450px}::selection{color:#ef0}.filebox{display:none}.filebox_icon{box-shadow:2px 2px #00ffff62}.filebox:hover .filebox_icon{cursor:pointer;box-shadow:none}.header{margin:30px;padding-top:10px;display:flex;align-items:center;justify-content:space-between}.themicon{padding:6px 5vw;font-size:1.5rem;overflow:hidden;color:#00fbff;text-align:center}.themicon_i{transition:transform .2s ease}.themicon:hover .themicon_i{transform:rotate(270deg)}.icon_div{display:flex;flex-direction:column;align-items:center;position:relative;top:0;transition:all .1s ease}nav ul li:hover .icon_div{border-bottom:2px solid rgb(255,255,255)}nav ul li{display:inline;overflow:hidden;margin-left:40px;height:40px}nav ul{display:flex}nav ul li a{font-size:1.5rem;overflow:hidden;color:#00fbff}nav ul li a p{font-size:1rem}.icon{margin-top:0}.landing_div{width:100%;padding-top:15vh;padding-left:10vw;padding-right:10vw}.hyy{text-shadow:2px 2px 0px rgba(255,255,255,.144)}.landing_div h1{margin-top:20px;font-size:70px;color:#00d0ff;font-family:Ubuntu Sans Mono,monospace!important;letter-spacing:1vw;text-shadow:5px 5px 0px rgba(0,208,255,.195)}.landing_div h3{margin-left:50vw;color:#00d0ff;text-shadow:5px 5px 0px rgba(0,208,255,.195)}.des_title{margin-top:100px;max-width:600px;line-height:2;letter-spacing:2px}.landing_img{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-end}.position{position:relative;width:var(--w);height:var(--h);margin:50px 0}.photoname{position:relative;margin-top:20px;text-align:center}.img_div{position:relative;width:var(--w);height:var(--h);background-color:#b0a7a7;box-shadow:0 0 10px #7fffd4 inset;z-index:5}.img_div_border{width:100%;height:100%;border:3px solid red;box-shadow:0 0 5px red;position:absolute;top:0;transform:rotate(10deg);animation:border 5s ease infinite}@keyframes border{0%{border:3px solid rgb(0,89,255)}to{border:3px solid rgb(255,0,230)}}.img_f{margin-left:10%;width:86%;position:relative;top:-60px;z-index:100}.btn{position:relative;margin-bottom:7vh;margin-right:40px;margin-top:40px;background-color:#b0a7a7;width:200px;height:50px;border:none;border-radius:10px 10%;color:#000;z-index:9}.btn:after{content:"";position:absolute;width:100%;height:100%;border-radius:10px 10%;top:5px;left:5px;border:1px solid rgb(255,255,255);z-index:-1}.btn:hover:after{top:0;left:0}.cv{font-size:15px}#projects_container{display:flex;flex-wrap:wrap;width:100%;height:auto;margin-top:20px;color:#f0f8ff;justify-content:space-around;align-items:center}.projects_opction{width:100vw;padding:50px;display:flex;flex-wrap:wrap;gap:50px;justify-content:space-around;align-items:center;background-color:red}.project_option_card{width:500px;padding-bottom:0;background-color:#159b80;display:flex;flex-direction:column;justify-content:center;align-items:center}.project_option_card h1{margin:20px}.project_option_imkage_div{padding:2%;display:flex;justify-content:center;align-items:center;background-color:#ff00d9}.project_option_imkage_div img{width:100%;border-radius:10px}.project_h1{text-align:center;font-size:3vw;padding:5vh 2vw;color:#00ddff9b}#project_img{width:300px;height:450px;background-size:100%;border-radius:20px;position:fixed;top:20%;left:40%;z-index:99999;display:none}#projects_container:hover #project_img{display:block}.project_card_dark .git_icon{color:#000!important}.project_card_dark .card_button{color:#000!important;border-top:2px solid rgb(0,0,0);border-bottom:2px solid rgba(0,0,0,.812)}.project_card_app{padding:20px;background-color:#ffffff1e;display:flex;flex-direction:column;align-items:center;border-radius:20px;margin:20px}.project_card_app:hover{box-shadow:inset 0 0 20px #fff}.card_img_app{width:400px;height:400px;background-size:cover;background-position:20%}.project_section{padding:20px;width:100vw;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:50px}.home_card_app{width:500px;background-color:#ffffff28;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px}.home_card_app:hover{box-shadow:0 0 20px #fff}.home_card_image{width:100%;height:300px;padding:20px;display:flex;justify-content:center;align-items:center;background-color:#f000!important}.home_card_image img{width:100%;border-radius:20px}.app_hi{margin:20px;color:#fff}@media screen and (max-width:550px){.home_card_app{width:80vw}.app_hi{font-size:5vw}.project_card_app{padding:10px;margin:10px}.card_img_app{width:80vw;height:300px}}.project_card{position:relative;width:80%;margin:50px auto auto;border-bottom:2px solid rgb(255,255,255);padding:5vh 2vw;color:#f0f8ff;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:space-between;flex-direction:column}.card_detel_box{margin-top:20px;width:100%;display:flex;justify-content:space-around;align-items:center}.card_detel_box a{margin-top:10px}.card_btns{display:flex;gap:20px}.git_icon_btn{transition:all .2s ease}.card_btns a:hover .git_icon_btn{scale:5}.card_img{width:100%;height:100px;background-color:#000;background-size:cover;background-position:20%}.card_detel p{margin-top:10px}.card_detel p:nth-child(2){font-size:1.5rem;margin-top:10px}.card_img1{background-color:#00f;background-image:url(https://images.unsplash.com/photo-1594980596870-8aa52a78d8cd?q=80&w=1925&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)}.card_img2{background-image:url(https://assets.skyfilabs.com/images/blog/rock-paper-scissor-game-using-python.webp);background-color:#ffe100}.card_img3{background-image:url(https://plus.unsplash.com/premium_photo-1661726457110-c43a88d74567?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-color:#5f0}.card_img4{background-image:url(https://images.unsplash.com/photo-1611074083266-08891d1a194f?q=80&w=2071&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-color:#00ff73}.card_img5{background-image:url(https://www.amitree.com/wp-content/uploads/2021/08/the-pros-and-cons-of-paper-to-do-lists.jpeg);background-color:#00c8ff}.card_img6{background-image:url(https://miro.medium.com/v2/resize:fit:1400/1*CQLVprfpDWfpzoG0tEp9iw.png);background-color:#ff00fb}.project_card:before{content:"";background-size:cover;background-position:50%;width:100%;height:100%;background-color:#049160af;position:absolute;left:0;top:-110%;transition:all .1s ease-in-out;z-index:-1}.project_card:hover{box-shadow:inset 0 0 20px #fff}.git_icon{font-size:20px;transition:all .2s ease;color:#fafcff}.git_icon:hover{transform:scale(1.5)}.card_button{width:10vw;padding:1vh 0;background-color:transparent;color:#f0f8ff;border-top:1px solid rgb(255,255,255);border-bottom:1px solid rgb(0,255,162);border-left:none;border-right:none;border-radius:50px;position:relative;z-index:999;overflow:hidden;cursor:pointer}.card_button:after{content:"";height:100%;width:100%;background-color:#00e5ff00;border-radius:100%;position:absolute;right:0;bottom:-100%;z-index:-1;transition:all .1s linear}.card_button:hover:after{bottom:0;border-radius:0}@media screen and (max-width:1170px){.card_button{width:15vw;padding:.5vh 0}}@media screen and (max-width:700px){.card_detel_box{flex-direction:column;justify-content:center;align-items:start}.card_btns{flex-direction:column;gap:0px}.card_detel p{margin-top:2px}.card_detel p:nth-child(2){margin-top:2px;font-size:1rem}#projects_container{gap:10px}.project_h1{font-size:4.5vw;text-shadow:none;padding:2.5vh 0vw;text-align:center}#projects_container:hover #project_img{display:none}.project_card{flex-direction:column;width:230px;border-bottom:2px solid rgb(255,255,255);border-top:2px solid rgb(255,255,255);border-radius:20px;box-shadow:0 0 5px #fff inset;padding:2vh 2vw;margin-top:20px;color:#f0f8ff;align-items:start;row-gap:20px;justify-content:center}.project_card:before{background-color:transparent}.card_img{display:block}.card_button{width:20vw}}@media screen and (max-width:500px){.card_btns{flex-direction:row;gap:20px}.project_h1{font-size:4.5vw;line-height:normal;color:#fff}.project_card{width:90%}.card_button{width:40vw;padding:1vh 0}}@media screen and (max-width:330px){.card_btns{flex-direction:column;gap:0px}}.skills-section{width:100%;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover}.about_main_div{background-position:center;background-repeat:no-repeat;background-size:cover}.glow{padding-top:100px;font-family:Orbitron!important;font-size:5em;text-align:center;color:#dadadb66;text-shadow:0 0px 50px rgba(218,218,219,.401)}.skill-title{color:#fff;display:inline-block}.skill-title h3{font-size:16px;font-weight:700;margin-left:-170px;text-transform:capitalize;font-family:Orbitron,courier,sans-serif!important;display:inline-block}.wrap{width:100%;margin:0 auto;position:relative;padding:0}.section-title h1{margin:0;line-height:50px;letter-spacing:5px;font-weight:600;color:#fff}.border{display:block;height:10px;margin-bottom:40px;width:100px;background:#ed5565}.row{width:50%;min-height:1px;position:relative;display:inline-block;margin-top:150px}.row ul{margin:0 20px 0 0!important;text-align:left!important;padding:0}.row ul li{list-style:none!important}.row ul li em{display:block;margin-bottom:15px}.row ul li div{margin-bottom:35px;background:#09131b;height:9px;overflow:hidden}.row ul li div span{height:7px;width:50%;display:block}.row ul li.html div span{background:#e13c4c;width:90%}.row ul li.css div span{background:#ffdb43;width:90%}.row ul li.php div span{background:#9d2027;width:80%}.row ul li.mysql div span{background:#3498db;width:75%}.row ul li.MongoDB div span,.row ul li.node div span{background:#2ecc71;width:60%}.row ul li.javascript div span{background:#a94034}.row ul li.React div span{background:#ff8137;width:90%}.row ul li.Bootstrap div span{width:65%;background:#0cbfb3}.row ul li.jQuery div span,.row ul li.git div span{width:85%;background:#0cbfb3}.row ul li.video div span{width:83%;background:#ff0048}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}#certificate_div{position:relative;width:100%;min-height:100vh;background-color:#e600ff00}.certificate_h1{width:100%;padding:20px;margin:20px;background-color:red}#certificate_div img{display:block;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:20px}.about_h1{margin-bottom:100px}.about_ul{--col-gap: 2rem;--row-gap: 2rem;--line-w: .25rem;display:grid;grid-template-columns:var(--line-w) 1fr;grid-auto-columns:max-content;column-gap:var(--col-gap);list-style:none;width:min(60rem,90%);margin-inline:auto;padding-bottom:50px}.about_ul:before{content:"";grid-column:1;grid-row:1 / span 20;background:#e1e1e1;border-radius:calc(var(--line-w) / 2)}.about_ul li:not(:last-child){margin-bottom:var(--row-gap)}.about_ul li{grid-column:2;--inlineP: 1.5rem;margin-inline:var(--inlineP);grid-row:span 2;display:grid;grid-template-rows:min-content min-content min-content}.about_ul li .date{--dateH: 3rem;height:var(--dateH);margin-inline:calc(var(--inlineP) * -1);text-align:center;background-color:#4b4a4a;color:#fff;font-size:1.25rem;font-weight:700;display:grid;place-content:center;position:relative;border-radius:calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2)}.about_ul li .date:before{content:"";width:var(--inlineP);aspect-ratio:1;background-image:linear-gradient(rgb(75,74,74) 100%,transparent);position:absolute;top:100%;clip-path:polygon(0 0,100% 0,0 100%);right:0}.about_ul li .date:after{content:"";position:absolute;width:2rem;aspect-ratio:1;background:#83b783;border:.3rem solid var(--accent-color);border-radius:50%;top:50%;transform:translate(50%,-50%);right:calc(100% + var(--col-gap) + var(--line-w) / 2)}.about_ul li .title,.about_ul li .descr{background:#686868;position:relative;padding-inline:1.5rem;padding-top:20px}.descr{border-radius:10px 10%}.about_ul li .title{overflow:hidden;padding-block-start:1.5rem;padding-block-end:1rem;font-weight:500}.about_ul li .descr{padding-block-end:1.5rem;font-weight:300}.about_ul li .title:before,.about_ul li .descr:before{content:"";position:absolute;width:90%;height:.5rem;background:#00000080;left:50%;border-radius:50%;filter:blur(4px);transform:translate(-50%,50%)}.about_ul li .title:before{bottom:calc(100% + .125rem)}.about_ul li .descr:before{z-index:-1;bottom:.25rem}@media (min-width: 60rem){.about_ul{grid-template-columns:1fr var(--line-w) 1fr}.about_ul:before{grid-column:2}.about_ul li:nth-child(odd){grid-column:1}.about_ul li:nth-child(2n){grid-column:3}.about_ul li:nth-child(2){grid-row:2/4}.about_ul li:nth-child(odd) .date:before{clip-path:polygon(0 0,100% 0,100% 100%);left:0}.about_ul li:nth-child(odd) .date:after{transform:translate(-50%,-50%);left:calc(100% + var(--col-gap) + var(--line-w) / 2)}.about_ul li:nth-child(odd) .date{border-radius:0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0}}.credits{margin-top:1rem;text-align:right}.credits a{color:var(--color)}.contact_container{position:relative;width:100%;min-height:100vh;padding:2rem;background-color:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.form{width:100%;max-width:820px;background-color:#1a1717;border-radius:10px;box-shadow:0 0 20px 1px #0000001a;z-index:1000;overflow:hidden;display:grid;grid-template-columns:repeat(2,1fr)}.contact_form{background-color:#000;position:relative}.circle{border-radius:50%;background:linear-gradient(135deg,transparent 20%,#149279);position:absolute}.circle.one{width:130px;height:130px;top:130px;right:-40px}.circle.two{width:80px;height:80px;top:10px;right:30px}.contact-form:before{content:"";position:absolute;width:26px;height:26px;background-color:#1abc9c;transform:rotate(45deg);top:50px;left:-13px}form{padding:2.3rem 2.2rem;z-index:10;overflow:hidden;position:relative}.contact_title{font-family:Orbitron!important;color:#fff;font-weight:500;font-size:1.5rem;line-height:1;margin-bottom:.7rem}.input-container{position:relative;margin:1rem 0}.input{width:100%;outline:none;border:2px solid #fafafa;background:none;padding:.6rem 1.2rem;color:#fff;font-weight:500;font-size:.95rem;letter-spacing:.5px;border-radius:5px;transition:.3s}textarea.input{padding:.8rem 1.2rem;min-height:150px;border-radius:5px;resize:none;overflow-y:auto}.input-container label{font-family:Orbitron,courier,sans-serif!important;position:absolute;top:50%;left:15px;transform:translateY(-50%);padding:0 .4rem;color:#fafafa;font-size:.9rem;font-weight:400;pointer-events:none;z-index:1000;transition:.5s}.input-container.textarea label{top:1rem;transform:translateY(0)}.contact_btn{padding:.6rem 1.3rem;background-color:#2a8abd;border:2px solid #fafafa;font-size:.95rem;color:#fff;line-height:1;border-radius:5px;outline:none;cursor:pointer;transition:.3s;margin:0;width:100%}.contact_btn:hover{background-color:transparent;color:#fff}.input-container span{position:absolute;top:0;left:25px;transform:translateY(-50%);font-size:.8rem;padding:0 .4rem;color:transparent;pointer-events:none;z-index:500}.input-container span:before,.input-container span:after{content:"";position:absolute;width:10%;opacity:0;transition:.3s;height:5px;background-color:#000;top:50%;transform:translateY(-50%)}.input-container span:before{left:50%}.input-container span:after{right:50%}.input-container.focus label{top:0;transform:translateY(-50%);left:25px;font-size:.8rem}.input-container.focus span:before,.input-container.focus span:after{width:50%;opacity:1}.contact-info{padding:2.3rem 2.2rem;position:relative}.contact-info .title{color:#1abc9c}.text{color:#fff;margin:1.5rem 0 2rem}.information{display:flex;color:#fff;margin:.7rem 0;align-items:center;font-size:.95rem}.information i{color:#1abc9c}.Contact_s_logo{color:#000;font-size:x-large}.contact_icon{color:#0ff}.social-media{padding:2rem 0 0}.social-media p{color:#fff;font-family:Orbitron,courier,sans-serif!important}.social-icons{display:flex;margin-top:.5rem}.Contact_s_logo{transition:all .2s ease}.Contact_s_logo:hover{transform:scale(2)}.social-icons a{display:flex;justify-content:center;align-items:center;width:35px;height:35px;border-radius:5px 5%;background:linear-gradient(45deg,#1abc9c,#149279);color:#fff;text-align:center;line-height:35px;margin-right:1rem;transition:.3s}.contact-info:before{content:"";position:absolute;width:110px;height:100px;border:22px solid #1abc9c;border-radius:50%;bottom:-77px;right:50px;opacity:.3}.big-circle{position:absolute;width:500px;height:500px;border-radius:50%;background:linear-gradient(to bottom,#000,#159b80);bottom:50%;right:50%;transform:translate(-40%,38%)}.big-circle:after{content:"";position:absolute;width:360px;height:360px;background-color:#000;border-radius:50%;top:calc(50% - 180px);left:calc(50% - 180px)}.square{position:absolute;height:400px;top:50%;left:50%;transform:translate(181%,11%);opacity:.2}@media (max-width: 850px){.form{grid-template-columns:1fr}.contact-info:before{bottom:initial;top:-75px;right:65px;transform:scale(.95)}.contact-form:before{top:-13px;left:initial;right:70px}.square{transform:translate(140%,43%);height:350px}.big-circle{bottom:75%;transform:scale(.9) translate(-40%,30%);right:50%}.text{margin:1rem 0 1.5rem}.social-media{padding:1.5rem 0 0}}@media (max-width: 480px){.container{padding:1.5rem}.contact-info:before{display:none}.square,.big-circle{display:none}form,.contact-info{padding:1.7rem 1.6rem}.text,.information,.social-media p{font-size:.8rem}.title{font-size:1.15rem}.social-icons a{width:30px;height:30px;line-height:30px}.icon{width:23px}.input,.btn{padding:.45rem 1.2rem}.row ul li em{font-size:10px}}@media (max-width: 340px){.container{padding:1rem}.contact_title{font-size:1rem}form,.contact-info{padding:1rem}.text,.information,.social-media p{font-size:.6rem}.social-icons a{width:25px;height:25px;line-height:25px}.icon{width:20px}.Contact_s_logo{font-size:large}.input{padding:.3rem 1rem}}.main_footer{width:100vw;height:auto!important;padding-top:30vh;overflow-x:hidden}.footer{width:100%;background:#242424;color:#fff;z-index:1;--footer-background:rgb(19,141,116);display:grid;position:relative;grid-area:footer}.footer .content{z-index:2;display:grid;grid-template-columns:1fr auto;grid-gap:4rem;padding:8rem;background:var(--footer-background)}.footer .bubbles{position:absolute;top:0;left:0;right:0;height:1rem;background:var(--footer-background);filter:url(#blob)}.footer .bubbles .bubble{position:absolute;left:var(--position, 50%);background:var(--footer-background);border-radius:100%;animation:bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s),bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s);transform:translate(-50%,100%)}@keyframes bubble-size{0%,75%{width:var(--size, 7rem);height:var(--size, 7rem)}to{width:0rem;height:0rem}}@keyframes bubble-move{0%{bottom:-1px}to{bottom:var(--distance, 10rem)}}.footer-content{z-index:2;background:var(--footer-background)}.footer_tnx{font-family:Orbitron!important;text-shadow:2px 2px 10px rgb(0,0,0);font-size:100px}.footer-bottom{background:#139e82;color:#000;text-align:center;padding:20px 0}.about-logo{text-align:center;padding:20px}.about-logo img{max-width:100%;max-height:100%;background:#333;border:1px solid #333;border-radius:5% 5px;max-width:100px;height:auto}a{text-decoration:none;color:#333}.jc-elevator{background:#000;width:420px;height:430px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-left:6px solid #abb7b7;border-right:6px solid #abb7b7;border-top:6px solid #abb7b7;border-bottom:1px solid #adadbd}.jc-floor{position:relative;top:3%;left:43%;background:#fff;height:30px;width:60px;border:2px solid #abb7b7}.jc-floor h3{color:red;text-align:center;font:25px}.jc-doors{z-index:1;background:#ecf0f1;width:350px;height:370px;position:absolute;bottom:0;left:7.5%;overflow:hidden;border-left:4px solid #abb7b5;border-right:4px solid #abb7b5;border-top:6px solid #abb7b5}.jc-doors:before{content:"";background:#dadfe1;border-right:2px solid #abb7b2;width:170px;height:370px;position:absolute;top:0;left:0;animation:left 1s linear .5s forwards}.jc-doors:after{content:"";background:#dadfe1;border-left:2px solid #abb7b2;width:170px;height:370px;position:absolute;top:0;right:0;animation:right 1s linear .5s forwards}.jc-doors div{position:relative;z-index:-1;top:20%;color:#ff0404;text-align:center;line-height:2}.jc-doors div:nth-child(1){font-size:30px}.jc-doors div:nth-child(2){font-size:12px}.jc-switch{position:absolute;background:#dadfe1;top:45%;left:103%;height:50px;width:30px;border:2px solid #abb7b7}.jc-switch a:nth-child(1){position:absolute;top:15%;left:12%;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #808080}.jc-switch a:nth-child(2){content:"";position:absolute;bottom:15%;left:12%;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #808080}@keyframes left{0%{left:0}to{left:-45%}}@keyframes right{0%{right:0}to{right:-45%}}@media screen and (max-width:1170px){.footer_tnx{font-size:40px}:root{--w:400px;--h:350px}.filebox{display:block}.filebox_icon{position:absolute;width:50px;top:4vh;right:20px;color:#0fe;font-size:x-large;border:.05px solid aqua;border-radius:2px 5%;z-index:999}.header{justify-content:start;padding-top:100px;padding-bottom:20px;flex-direction:column;row-gap:50px;box-shadow:0 0 1px #fff;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;position:absolute;left:20px;z-index:6;transition:all .3s ease}nav ul{flex-direction:column;row-gap:20px}nav ul li{margin:0}.iconname{padding:0px 5vw}}@media screen and (max-width:900px){#certificate_div img{height:400px}}@media screen and (max-width:800px){.landing_div h1{font-size:40px;letter-spacing:1vw}.landing_img{flex-wrap:wrap-reverse}.position{position:relative;width:var(--w);height:var(--h);margin:150px 0 50px}.btn{margin:40px auto;width:45vw}.btn:after{width:100%}.landing_div h3{margin-left:40vw}}@media screen and (max-width:650px){#certificate_div img{height:350px}}@media screen and (max-width:500px){:root{--w:300px;--h:250px}.btn{width:70vw;height:40px;font-size:15px}.glow{font-size:2.5em}.about_ul{--col-gap: 0rem}.wrap{max-width:100%;margin:0;padding:0}.landing_div h3{margin-left:25vw}#certificate_div img{height:250px}}@media screen and (max-width:360px){:root{--w:250px;--h:200px}.landing_div h3{margin-left:0vw}.card_button{padding:.5vh 0}.btn{width:80vw;height:35px}.landing_div h1{font-size:40px;color:#00d0ff;letter-spacing:0vw}#certificate_div img{height:200px}}/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}