@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a192f}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#64ffda;border-radius:50px}.navbar{align-items:center;background:#0a192f;display:flex;height:95px;justify-content:space-between;padding:0 50px;position:fixed;top:0;transition:top .4s;width:100%;z-index:3}.show-navbar{top:-95px}.logo{height:45px;width:45px}.logo img{width:100%}.navlink{font-family:monospace;height:45px}.navlink,.navlink ul{display:flex;width:auto}.navlink ul{align-items:center;height:100%;justify-content:center}.navlink li{display:flex;list-style:none;margin:0 15px;padding:10px 15px;position:relative}.navbox1{border-left:1.5px solid #8892b0;border-top:1.5px solid #8892b0;left:0;top:0}.navbox1,.navbox2{height:20px;opacity:0;position:absolute;transition:.3s;width:20px;z-index:1}.navbox2{border-bottom:1.5px solid #8892b0;border-right:1.5px solid #8892b0;bottom:0;right:0}.navlink li:hover .navbox1{border-left:1.5px solid #fff;border-top:1.5px solid #fff;left:-8px;top:-8px}.navlink li:hover .navbox1,.navlink li:hover .navbox2{-webkit-filter:drop-shadow(0 0 5px #64ffda);filter:drop-shadow(0 0 5px #64ffda);opacity:1}.navlink li:hover .navbox2{border-bottom:1.5px solid #fff;border-right:1.5px solid #fff;bottom:-8px;right:-8px}.navlink a{color:#8892b0;font-size:16px;text-decoration:none;transition:all .4s}.navlink li a:hover{color:#64ffda}.active{border:1px solid #64ffda;border-radius:5px;transition:all .3s}.active a{color:#64ffda}.active:hover{background:#64ffda17}.home-container{background:#0a192f;height:auto;overflow:hidden;width:100%}.social-cont{bottom:0;flex-direction:column;height:auto;left:40px;position:fixed;width:60px}.social-cont,.social-cont i{align-items:center;display:flex;justify-content:center}.social-cont i{color:#8892b0;font-size:20px;height:30px;margin:7px 0;transition:.3s;width:30px}.social-cont i:hover{color:#64ffda;-webkit-transform:translateY(-3px);transform:translateY(-3px);transition:.3s}.social-cont a{text-decoration:none}.social-cont .line{background:#8892b0;height:100px;margin-top:10px;width:2px}.link-cont{align-items:center;bottom:0;display:flex;flex-direction:column;height:auto;justify-content:center;position:fixed;right:40px;width:60px}.link-cont .line{background:#8892b0;height:100px;margin-top:10px;width:2px}.link-cont a:hover{color:#64ffda;margin-bottom:6.5rem;transition:.3s}.link-cont a{color:#8892b0;font-family:monospace;margin-bottom:6rem;text-align:center;text-decoration:none;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:.3s}.main-hero{font-family:Poppins,sans-serif;height:auto;margin:auto;padding:100px 60px;width:1000px}.main-hero .intro{color:#64ffda;font-family:monospace;font-size:17px}.main-hero .intro2{color:#8892b0;flex-wrap:wrap;font-size:clamp(40px,8vw,60px);padding-bottom:30px}.main-hero .intro2,.name{font-weight:600;margin-bottom:-20px}.name{color:#ccd6f6;display:flex;font-size:clamp(40px,8vw,70px);position:relative;transition:.2s;width:100%}.anim{transition:.8s}.space{margin-left:30px}.anim:hover{color:#fff;cursor:context-menu;-webkit-filter:drop-shadow(0 0 5px #64ffda);filter:drop-shadow(0 0 5px #64ffda);-webkit-transform:translateY(-20px)scale(1.3);transform:translateY(-20px)scale(1.3);transition:.1s;z-index:1}.intro2{display:flex;position:relative;transition:.2s;width:100%}.anim2{transition:.8s}.anim2:hover{color:#fff;cursor:context-menu;-webkit-filter:drop-shadow(0 0 5px #64ffda);filter:drop-shadow(0 0 5px #64ffda);-webkit-transform:translateY(-20px)scale(1.3);transform:translateY(-20px)scale(1.3);transition:.1s;z-index:1}.intro2 .space{margin-left:5px}.main-hero p{color:#8892b0;margin:30px 0 0;max-width:540px}.main-hero .upstatement{color:#64ffda;cursor:pointer;position:relative}.main-hero .upstatement:after{background:#64ffda;border-radius:50px;bottom:0;content:"";height:1px;left:0;position:absolute;transition:.3s;width:0}.main-hero .upstatement:hover:after{width:100%}.main-hero .explore{background:transparent;border:1px solid #64ffda;border-radius:5px;color:#64ffda;font-family:monospace;font-size:15px;height:50px;margin-top:50px;transition:all .3s;width:250px}.main-hero .explore:hover{background:#64ffda17;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,39%,.2);border:1px solid hsla(0,0%,39%,.3);box-shadow:0 4px 30px rgba(0,0,0,.1);display:none;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:.4s;width:100%;z-index:1}.menu-content{display:none}.About-container{font-family:Poppins,sans-serif;height:auto;margin:auto;max-width:1000px;padding:100px 60px;width:100%}.about-header{align-items:center;display:flex;flex-direction:row;height:30px;justify-content:left;width:100%}.about-header h2{color:#ccd6f6;font-size:20px;margin-right:20px}.about-header span{border:1px solid #64ffda17;height:1px;padding:0 30%}.about-mother-cont{display:flex;height:auto;justify-content:space-between;padding:60px 0;width:100%}.about-me p{margin-top:0;padding-bottom:10px;padding-right:50px}.about-me{color:#8892b0;max-width:540px}.myimage{align-items:center;background:#64ffda;border-radius:3px;display:flex;height:100%;justify-content:center;margin-top:35px;position:relative;width:280px}.box1{border-left:2px solid #ccd6f6;left:-10px}.box1,.box2{border-top:2px solid #ccd6f6;height:100px;position:absolute;top:-10px;transition:.3s;width:100px}.box2{border-right:2px solid #ccd6f6;right:-10px}.box3{border-right:2px solid #ccd6f6;right:-10px}.box3,.box4{border-bottom:2px solid #ccd6f6;bottom:-10px;height:100px;position:absolute;transition:.3s;width:100px}.box4{border-left:2px solid #ccd6f6;left:-10px}.myimage:hover .box1{border-left:2px solid #fff;left:-20px}.myimage:hover .box1,.myimage:hover .box2{border-top:2px solid #fff;-webkit-filter:drop-shadow(0 0 5px #64ffda);filter:drop-shadow(0 0 5px #64ffda);top:-20px}.myimage:hover .box2{border-right:2px solid #fff;right:-20px}.myimage:hover .box3{border-right:2px solid #fff;right:-20px}.myimage:hover .box3,.myimage:hover .box4{border-bottom:2px solid #fff;bottom:-20px;-webkit-filter:drop-shadow(0 0 5px #64ffda);filter:drop-shadow(0 0 5px #64ffda)}.myimage:hover .box4{border-left:2px solid #fff;left:-20px}.myimage img{border-radius:3px;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:auto;object-fit:cover;position:relative;transition:.4s linear;width:100%}.myimage img:hover{-webkit-filter:grayscale(0);filter:grayscale(0);transition:.4s;transition:.4s linear}.myimage:hover:after{left:10px;top:10px;transition:.4s}.mylang{-webkit-column-count:2;column-count:2;flex-direction:column;font-family:monospace;height:auto;margin:10px 0;width:auto}.mylang span{align-items:center;color:#8892b0;cursor:context-menu;display:flex;font-size:15px;padding:5px 0;width:120px}.about-line{color:#64ffda;cursor:pointer;position:relative}.about-line a,.about-me a{text-decoration:none}.about-me p{color:#8892b0;margin:30px 0 0;max-width:540px}.about-line:after{background:#64ffda;bottom:0;content:"";height:2px;left:0;position:absolute;transition:.4s;width:0}.about-line:hover:after{width:100%}.menu{align-items:center;background:transparent;display:flex;flex-direction:column;height:40px;justify-content:space-evenly;padding:5px;position:absolute;right:50px;visibility:hidden;width:40px;z-index:999}.line1{margin-right:7px}.line1,.line2{background:#64ffda;border-radius:50px;height:3px;width:100%}.line2{margin-left:7px}.line3{background:#64ffda;border-radius:50px;height:3px;margin-right:7px;width:100%}.arrow{border-right:2px solid #64ffda;border-top:2px solid #64ffda;height:7px;margin-right:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:.1s;width:7px}.mylang span:hover .arrow{color:#64ffda;margin-right:20px;transition:.3s}.work-container{font-family:Poppins,sans-serif;height:auto;margin:auto;max-width:1000px;padding:100px 60px;width:100%}.work-header{align-items:center;display:flex;flex-direction:row;height:30px;justify-content:left;width:100%}.work-header h2{color:#ccd6f6;font-size:20px;margin-right:20px}.work-header span{border:1px solid #64ffda17;height:1px;padding:0 30%}.prof_category{display:flex;flex-wrap:wrap;padding-top:20px}.prof_category span{border:1px solid #8892b0;border-radius:50px;cursor:pointer;padding:10px 30px}.prof_category{color:#fff;color:#8892b0;gap:20px;gap:15px}.prof_category span:hover{border:1px solid #64ffda;color:#64ffda}.hideCat{display:none}.prof_category span.curr_cat{background:#64ffda0a;border:1px solid #64ffda;color:#64ffda}.my-projectCont{height:auto;margin:50px 0 20px;padding:30px 0;width:100%}.myproject{display:flex;height:auto;justify-content:space-between;padding:20px 0;position:relative;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;width:100%}.ImgContainer{position:relative;transition:.3;width:500px}.ImgContainer,.ImgContainer img{border-radius:10px;height:auto;overflow:hidden}.ImgContainer img{border:1px solid #64ffda;object-fit:cover;width:100%}.imgoverlay{background:#0a192f7a;height:100%;left:0;top:0;transition:.3s;width:100%}.imgoverlay,.live-demo{align-items:center;display:flex;justify-content:center;position:absolute}.live-demo{left:20px;opacity:0;top:20px;transition:.5s}.ImgContainer:hover .live-demo{opacity:1}.live-demo button{background:#112240;border:1px solid #64ffda;border-radius:50px;color:#64ffda;cursor:pointer;font-size:14px;height:50px;transition:.3s;width:150px}.live-demo button:hover{background:#112240a7;border:2px solid #64ffda;color:#64ffda;-webkit-transform:scale(1.1);transform:scale(1.1)}.ImgContainer:hover .imgoverlay{opacity:0}.ImgContainer img:hover{border:2px solid #64ffda}.proj-details{display:flex;flex-direction:column;height:auto;padding-left:10px;position:relative;text-align:right;width:350px}.proj-details p{max-height:277px;overflow-y:auto;scrollbar-width:thin}.my-projectCont h1{color:#ccd6f6;font-size:25px}.my-projectCont small{color:#64ffda;font-family:monospace;font-size:17px}.my-projectCont p{background:#112240;border-radius:10px;color:#8892b0;font-family:monospace;font-size:16px;height:auto;margin-top:10px;padding:15px}.highlights{color:#64ffda}.proj-details .ide-use{display:flex;height:auto;margin-top:10px;width:100%}.proj-details .ide-use a{text-decoration:none}.proj-details .ide-use small{font-size:15px;padding:5px 10px}.source-code-icon{font-size:25px}.source-code-icon ion-icon{color:#8892b0;margin-left:15px}.source-code-icon ion-icon:hover{color:#64ffda}.reverse{flex-direction:row-reverse;margin:80px 0}.reverse .proj-details{margin-right:10px;text-align:right}.reverse .source-code-icon{text-align:right}.Contact-form{font-family:Poppins,sans-serif;height:100vh;margin:auto;max-width:1000px;padding:100px 60px;width:100%}.contact-header{align-items:center;display:flex;flex-direction:row;height:30px;justify-content:left;width:100%}.contact-header h2{color:#ccd6f6;font-size:20px;margin-right:20px}.contact-header span{border:1px solid #64ffda17;height:1px;padding:0 30%}.contact-form{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.contact-form input{background-color:#112240;border:1px solid #64ffda;border-radius:5px;color:#fff;font-family:Poppins,sans-serif;font-size:16px;height:60px;outline-color:#64ffda;padding-left:20px;width:350px}.contact-form{color:#8892b0}.contact-form h1{margin:30px 0}.contact-form a{align-items:center;border:2px solid #64ffda;border-radius:10px;color:#64ffda;display:flex;font-family:monospace;font-size:16px;height:60px;justify-content:center;margin-top:40px;text-decoration:none;transition:.3s;width:150px}.contact-form a:hover{background:#64ffda17;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.footer-container{align-items:center;display:flex;flex-direction:column;height:150px;justify-content:center;margin-top:30px;width:100%}.footer-container a{color:#8892b0;font-family:monospace;text-decoration:none}.footer-container a:hover{color:#64ffda}.mystats{align-items:center;color:#8892b0;display:flex;flex-direction:row-reverse;height:50px;justify-content:center;width:100%}.repo,.star{align-items:center;display:flex;height:50px;justify-content:center;transition:.3s;width:90px}.repo:hover,.star:hover{color:#64ffda}.repo small,.star small{font-family:monospace;font-size:15px;padding-left:10px}.footer-container .social-cont{align-items:center;display:flex;display:none;flex-direction:row;height:50px;justify-content:center;margin-left:0;position:inherit;width:100%}.footer-container .social-cont i{margin:15px}.crr_ball{-webkit-animation:breath 1s ease-in-out infinite alternate;animation:breath 1s ease-in-out infinite alternate;background:rgba(100,255,218,.1);border:1px solid #64ffda;border-radius:50%;height:50px;left:0;pointer-events:none;position:fixed;top:0;width:50px;z-index:9999}@-webkit-keyframes breath{0%{height:40px;width:40px}to{height:50px;width:50px}}@keyframes breath{0%{height:40px;width:40px}to{height:50px;width:50px}}@-webkit-keyframes breathe{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes breathe{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.sec_lay .proj-details{display:none}.sec_lay{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-top:20px;place-items:center}.sec_lay .reverse{margin:0}.sec_lay .ImgContainer{max-width:100%;width:100%}.sec_lay .myproject{margin-bottom:0;padding:0}.sec_lay .ImgContainer img{height:100%}.dis_comp{align-items:center;display:flex;justify-content:flex-end;padding:25px 0 0}.dis_comp span{color:#8892b0;font-size:24px;padding:10px}.dis_comp span:hover{color:#64ffda;cursor:pointer}.dis_comp .curr_dis{color:#64ffda}@media (max-width:1000px){.crr_ball{display:none}}@media (max-width:1036px){.social-cont{left:0}.link-cont{right:0}.main-hero{padding:100px 65px;width:100%}}@media (max-width:921px){.ImgContainer{height:100%}}@media only screen and (max-width:800px){.sec_lay{grid-template-columns:1fr 1fr}}@media (max-width:739px){.proj-details{position:absolute}.ImgContainer{border:1px solid #64ffda;height:auto;margin:0;padding:0;width:100%}.ImgContainer img{height:100%;object-fit:cover}.ImgContainer .imgoverlay{background:#0a192fde}.ImgContainer:hover .imgoverlay{opacity:1}.myproject{justify-content:center;margin-bottom:15px;padding:0}.proj-details{padding:30px;text-align:left;width:100%}.proj-details p{background:none;padding-left:0}.reverse .source-code-icon{text-align:left}.reverse{margin:0 0 15px}}@media only screen and (max-width:736px){.menuCont-toggle{display:block;opacity:1;transition:.4s}.menu-content{background:#112240;font-family:monospace;height:100%;justify-content:center;opacity:0;position:fixed;right:-100%;top:0;transition:.4s;visibility:hidden;width:350px;z-index:1}.menu-content,.menu-content ul{align-items:center;display:flex;flex-direction:column}.menu-content ul{gap:15px;height:100vh;justify-content:flex-start;margin-top:90px;overflow-y:scroll;padding:20px 30px 40px;width:100%}.menu-content ul li a{display:block;padding:20px 0;text-align:center;width:100%}.menu-toggle{opacity:1;right:0;transition:.4s;visibility:visible}.menu-content li{list-style:none;width:80%}.menu-content li a:hover{color:#64ffda}.menu-content a{color:#fff;font-size:16px;text-decoration:none}.menu-content .active a:hover{color:#fff}.navlink{display:none}.menu{right:25px;visibility:visible}.navbar{padding:0 25px}.main-hero{height:auto;width:100%}.name{font-size:50px;margin-bottom:0;transition:.4s}.main-hero .intro2{font-size:40px;transition:.4s}.about-mother-cont{flex-direction:column}.about-me{width:100%}.about-me p{padding-right:0;width:100%}.mylang{padding-bottom:30px}.myimage{margin:auto}}@media (max-width:644px){.proj-details p{display:none;opacity:0;transition:.6}.ide-use small{display:none}.source-code-icon{bottom:50px;position:absolute;right:30px}.ImgContainer{position:relative}.proj-details{height:100%;position:absolute}}@media (max-width:594px){.work-container{padding:130px 20px 20px}.name{margin-bottom:0}.main-hero .intro2,.name{font-size:40px;transition:.4s}.link-cont,.social-cont{display:none}.main-hero{padding:100px 30px;width:100%}.About-container{padding:20px}.footer-container .social-cont{display:flex}.sec_lay{grid-template-columns:1fr}}@media (max-width:469px){.reverse{margin:10px 0}.work-header h2{font-size:20px;text-align:center}.work-header span{display:none}}@media (max-width:400px){.name{margin-bottom:0}.main-hero .intro2,.name{font-size:30px;transition:.4s}}@media (max-width:375px){.menu-content{width:100%}.prof_category span{max-width:100%;text-align:center;width:100%}}
/*# sourceMappingURL=main.b3aaf2c4.css.map*/