@import url(https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;500;700&family=Handjet:wght@400;500;600;700&family=IBM+Plex+Mono:ital@1&display=swap);*{box-sizing:border-box;margin:0;padding:0}.container{margin:0 auto;max-width:1640px;overflow:hidden;padding-inline:20px}body{background-color:#000;font-family:IBM Plex Mono,monospace}.center,.head{align-items:center;display:flex;justify-content:center}.head{gap:10px;padding-bottom:80px}.head .icon{color:#f5f5f5;font-size:3.5rem}.head .icon:hover{color:#ca5555}.head .heading{color:#f5f5f5;font-size:2.5rem;font-weight:bolder}.head .st2{color:#ca5555}@media screen and (max-width:480px){.container{padding-inline:10px}.head .icon{color:#f5f5f5;font-size:2.5rem}.head .heading{color:#f5f5f5;font-size:2rem;font-weight:bolder}}.bcimage{background-image:linear-gradient(to right bottom,#3f3f3f,#000915);height:100vh;width:100vw}.bcimage .hero-section{z-index:999}@media screen and (max-width:768px){.bcimage{height:100%;padding-bottom:70px}}.hero{align-items:center;display:flex;justify-content:space-between;z-index:999}.hero .content{margin-top:80px}.hero .content .header .heading{color:hsla(0,0%,100%,.863);font-size:2.8rem}.hero .content .name .user-name{color:hsla(0,0%,100%,.863);font-size:2.3rem}.hero .content .detail{padding:8px 0 25px}.hero .content .detail .work-detail{color:#fff;font-size:2rem}.hero .content .detail .work-detail .render-strings{color:#ae00ff;font-size:2rem}.hero .content .button .btn{background-color:#9000d2;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 22px;text-align:center;text-decoration:none;transition:.15s ease-in;-webkit-user-select:none;user-select:none}.hero .content .button .btn:hover{background-color:#a300ee}.hero .content .button .btn:active{background-color:#b413ff}.hero .content .button:hover{-webkit-animation:resumebtn .3s ease-out 1 forwards;animation:resumebtn .3s ease-out 1 forwards}.hero .image-container{height:400px;margin-top:180px;width:400px;z-index:333}.hero .image-container img{background-image:linear-gradient(270deg,#000,hsla(0,0%,100%,.953));border:1px solid #c9c900;border-radius:50%;box-shadow:0 2px 5px #ff0;height:100%;object-fit:contain;width:100%}.hero .image-container:hover{-webkit-animation:photo 1.5s linear .3s infinite normal;animation:photo 1.5s linear .3s infinite normal}@-webkit-keyframes photo{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.98);transform:scale(.98)}75%{border-radius:50%;box-shadow:5px 5px 5px 4px #000}}@keyframes photo{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.98);transform:scale(.98)}75%{border-radius:50%;box-shadow:5px 5px 5px 4px #000}}@-webkit-keyframes resumebtn{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes resumebtn{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@media screen and (max-width:768px){.hero-box{margin-top:20px;z-index:999}.hero-box .hero{align-items:flex-start;flex-direction:column;gap:100px;justify-content:center;margin-inline:80px}.hero-box .hero .image-container{align-self:center;margin-top:0}}@media screen and (max-width:480px){.hero-box{margin-top:20px;z-index:999}.hero-box .hero{align-items:flex-start;flex-direction:column;gap:100px;justify-content:flex-start;margin-inline:5px}.hero-box .hero .content .header .heading{font-size:2rem}.hero-box .hero .content .name .user-name{font-size:1.8rem}.hero-box .hero .content .detail .work-detail,.hero-box .hero .content .detail .work-detail .render-strings{font-size:1.6rem}.hero-box .hero .image-container{align-self:center;height:320px;margin-top:0;width:320px}}.social{margin-top:14%}.social .social-icon .icon-list{align-items:center;display:flex;gap:15px;justify-content:center;z-index:999}.social .social-icon .icon-list .list{list-style:none}.social .social-icon .icon-list .list .icon{color:#e1e1e1;font-size:1.7rem;padding:6px;text-decoration:none;transition:.1s ease-out;-webkit-user-select:none;user-select:none}.social .social-icon .icon-list .list .icon:hover{color:rgba(161,0,235,.769)}.social .social-icon .icon-list .list .icon:active{color:#242424}.social .social-icon .icon-list .list .icon-unique{font-size:1.9rem}.social .social-icon .icon-list .list:hover{-webkit-animation:social .5s ease-out .1s 1 alternate;animation:social .5s ease-out .1s 1 alternate}@-webkit-keyframes social{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes social{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.nav{background-color:#000;box-shadow:0 0 2px #fff;position:fixed;top:0;width:100vw;z-index:999}.nav .navbar{align-items:center;display:flex;height:70px;justify-content:space-between;padding:10px 40px;position:relative;z-index:999}.nav .navbar .logo{align-items:center;display:flex;gap:20px}.nav .navbar .logo .icon{height:48px;width:48px}.nav .navbar .logo .icon img{border:2px solid #fff;border-radius:50%;height:100%;object-fit:fill;width:100%}.nav .navbar .logo .name .heading{color:#fff;font-size:2rem}.nav .navbar .list-parent{align-items:center;display:flex}.nav .navbar .list-parent .ul-links{align-items:center;display:flex;gap:35px}.nav .navbar .list-parent .ul-links .nav-list{display:inline-block;font-weight:700;list-style:none;padding:7px 14px;text-align:center;transition:.2s ease-out;-webkit-user-select:none;user-select:none}.nav .navbar .list-parent .ul-links .nav-list .link{color:#fff}.nav .navbar .list-parent .ul-links .nav-list .link:active{color:#0084ff}.nav .navbar .list-parent .ul-links .nav-list:hover{background-color:#373737;border-radius:5px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.nav .navbar .list-parent .ul-links .nav-list:active{background-color:#292626;border-radius:5px;color:#0af}.nav .navbar .mobile-list-parent{position:absolute;top:70px;width:100vw}.nav .navbar .mobile-list-parent .mobile-ul-links{background:linear-gradient(rgba(0,0,0,.7),#000);box-shadow:0 0 2px #000;display:flex;flex-direction:column;padding-block:25px;width:100vw;z-index:999}.nav .navbar .mobile-list-parent .mobile-ul-links .nav-list{display:inline-block;font-weight:700;list-style:none;margin-block:7px;padding:7px 14px;text-align:center;transition:.2s ease-out;-webkit-user-select:none;user-select:none}.nav .navbar .mobile-list-parent .mobile-ul-links .nav-list .link{color:#fff}.nav .navbar .mobile-list-parent .mobile-ul-links .nav-list .link:active{color:#0084ff}.nav .navbar .mobile-list-parent .mobile-ul-links .nav-list .link:hover{color:#0099e6}.nav .navbar .hamburger{color:#fff;cursor:pointer;display:none;font-size:1.5rem;margin-right:30px;transition:.3s ease-in}.nav .navbar .hamburger:hover{color:#ae00ff}@media screen and (max-width:768px){.nav .navbar{padding:20px 0}.nav .navbar .list-parent .ul-links{display:none}.nav .navbar .logo{padding-left:10px}.nav .navbar .list-parent .ul-links{gap:12px}.nav .navbar .hamburger{display:block}}@media screen and (max-width:480px){.nav .navbar .logo .icon{height:42px;width:42px}.nav .navbar .logo .name .heading{font-size:1.6rem}}.about{background:linear-gradient(90deg,#363f3b,#303d45,#292e49);padding-block:100px;width:100vw}.about .data{align-items:center;display:flex;justify-content:space-between;z-index:9999}.about .data .img-box{height:400px;transition:.2s ease-in;width:400px}.about .data .img-box img{border-radius:10%;height:100%;object-fit:cover;width:100%}.about .data .img-box:hover{-webkit-transform:scale(.96);transform:scale(.96)}.about .data .content{color:#fff;flex-basis:55%;font-weight:lighter}.about .data .content .pad1{padding-bottom:8px}.about .data .content .pad2{line-height:1.6rem;padding-block:18px}.about .data .content .st1{color:#ae00ff}@media screen and (max-width:991px){.about .data .img-box{height:380px;width:350px}}@media screen and (max-width:768px){.about{padding-block:60px}.about .data{flex-direction:column;gap:80px}.about .data .img-box{height:460px;object-fit:contain;width:500px}.about .data .content{padding-inline:30px;text-align:justify}.about .data .content .center-heading{text-align:center}.about .data .content .pad2{padding-block:30px}.about .data .content .pad1{padding-block:15px}}@media screen and (max-width:480px){.about{padding-block:40px}.about .data .img-box{height:320px;object-fit:contain;width:320px}}@media screen and (max-width:380px){.about .data .content{padding-inline:10px}}.project{background-color:rgba(1,18,42,.91);padding-block:50px}.project .projects{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:40px}.project .projects .project-parent{padding:12px;width:45%}.project .projects .project-parent .project-box{border-radius:12px;box-shadow:0 0 5px hsla(0,0%,95%,.91);overflow:hidden;position:relative}.project .projects .project-parent .project-box .image-box{height:400px;width:100%}.project .projects .project-parent .project-box .image-box img{height:100%;object-fit:cover;transition:.5s ease;width:100%}.project .projects .project-parent .project-box .image-box img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.project .projects .project-parent .project-box .project-text{align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.8) 88%,#004033 0);color:#fff;display:flex;flex-direction:column;font-weight:700;height:100%;justify-content:flex-start;padding-block:8px;position:absolute;text-align:center;top:0;-webkit-transform:translateY(89%);transform:translateY(89%);transition:.6s ease;width:100%;z-index:666}.project .projects .project-parent .project-box .project-text .button-box{align-items:center;display:flex;gap:160px;justify-content:center;padding-top:12%}.project .projects .project-parent .project-box .project-text .button-box a{text-decoration:none}.project .projects .project-parent .project-box .project-text .button-box .btn{background-color:#9000d2;border-radius:4px;box-shadow:0 0 3px #b71bff;color:#f5f5f5;font-weight:700;padding:6px 12px;text-align:center;transition:.2s ease-in}.project .projects .project-parent .project-box .project-text .button-box .btn:hover{background-color:#a300ee}.project .projects .project-parent .project-box .project-text .button-box .btn:active{background-color:#b413ff}.project .projects .project-parent .project-box .project-text:hover{text-decoration-color:#ca5555}.project .projects .project-parent:hover .project-text{-webkit-transform:translateY(35%);transform:translateY(35%)}@media screen and (max-width:991px){.project .projects .project-parent{width:50%}.project .projects .project-parent .project-box .image-box{height:350px}}@media screen and (max-width:768px){.project .projects .project-parent{padding-inline:30px;width:100%}}@media screen and (max-width:480px){.project{padding-block:40px}.project .projects .project-parent{padding-inline:15px}.project .projects .project-parent .project-box{border-radius:4px}.project .projects .project-parent .project-box .image-box{height:300px}}.contact{background-image:linear-gradient(to right bottom,#1c1b1b,#000915);padding-bottom:30px;padding-top:50px}.contact .contact-box{align-items:center;display:flex;justify-content:space-evenly}.contact .contact-box .left-part{color:#fff;width:20%}.contact .contact-box .left-part .heading{padding-bottom:8px}.contact .contact-box .left-part .heading .st06{color:#ca5555}.contact .contact-box .left-part .st03{line-height:1.5rem}.contact .contact-box .middle-part{margin-left:-60px}.contact .contact-box .right-part{align-items:flex-start;display:flex;flex-direction:column;gap:20px;justify-content:center}.contact .contact-box .right-part .email,.contact .contact-box .right-part .location,.contact .contact-box .right-part .phone{align-items:center;color:#fff;display:flex;justify-content:center}.contact .contact-box .right-part .email .icon,.contact .contact-box .right-part .location .icon,.contact .contact-box .right-part .phone .icon{font-size:1.6rem;margin-right:6px;transition:.1s ease-in}.contact .contact-box .right-part .email .icon:hover,.contact .contact-box .right-part .location .icon:hover,.contact .contact-box .right-part .phone .icon:hover{color:#ca5555}@media screen and (max-width:991px){.contact .contact-box .middle-part{margin-left:0}.contact .contact-box .left-part{width:27%}}@media screen and (max-width:768px){.contact .contact-box{flex-wrap:wrap}.contact .contact-box .left-part{width:45%}.contact .contact-box .right-part{flex-direction:row;margin-top:40px;margin-inline:40px}.contact .contact-box .right-part .email .icon,.contact .contact-box .right-part .location .icon,.contact .contact-box .right-part .phone .icon{color:#ca5555;margin-top:-20px}}@media screen and (max-width:480px){.contact{padding-block:40px}.contact .contact-box{align-items:center;flex-direction:column;justify-content:center}.contact .contact-box .left-part{width:70%}.contact .contact-box .middle-part{margin-left:-30px}.contact .contact-box .right-part{flex-direction:column;margin-top:30px;margin-inline:0}.contact .contact-box .right-part .email .icon,.contact .contact-box .right-part .location .icon,.contact .contact-box .right-part .phone .icon{margin-top:0}}.edu-box{background-color:#000;margin-bottom:80px}.edu-box .education{display:flex;flex-direction:column;gap:50px;padding-bottom:0;padding-top:40px}.edu-box .edu{align-items:center;background-image:linear-gradient(60deg,#29323c,#2d353e);color:#fff;display:flex;justify-content:space-between;padding:30px 0 30px 30px;transition:.1s ease-in}.edu-box .edu .img-box{height:200px;width:320px}.edu-box .edu .img-box img{box-shadow:2px 2px 5px #000;height:100%;width:100%}.edu-box .edu .text{flex-basis:55%}.edu-box .edu .text .st5{padding-block:8px}.edu-box .edu .text .st4{color:#b617ff}.edu-box .college:hover,.edu-box .school:hover{background-image:linear-gradient(60deg,#233448,#001e3f);box-shadow:5px 5px 10px #001e3f;-webkit-transform:scaleX(1.01);transform:scaleX(1.01)}@media screen and (max-width:768px){.edu-box{padding-block:60px}.edu-box .education .edu{-webkit-transform:scale(.95);transform:scale(.95)}.edu-box .education .edu .img-box{height:180px;width:280px}}@media screen and (max-width:480px){.edu-box{padding-block:40px}.edu-box .education .edu{flex-direction:column;gap:30px;padding:35px 40px;text-align:center}.edu-box .education .edu .img-box{max-height:280px;max-width:400px;object-fit:fill}}.skill{background:linear-gradient(180deg,#37004b,#460060);flex-direction:column;padding-block:50px}.skill .skills{align-items:center;background-color:hsla(0,2%,9%,.733);box-shadow:5px 5px 5px #000;display:flex;flex-wrap:wrap;gap:20px;height:100%;justify-content:space-evenly;padding-block:30px;width:100%}.skill .skills .skill-box{align-items:center;background-color:hsla(0,0%,67%,.79);border-radius:10px;display:flex;height:140px;justify-content:center;margin:30px;position:relative;width:190px}.skill .skills .skill-box .skill-card{height:80px;position:absolute;top:12px;width:80px}.skill .skills .skill-box .skill-card img{height:100%;width:100%}.skill .skills .skill-box .skill-text{bottom:12px;color:rgba(35,35,35,.914);position:absolute}.skill .skills .skill-box:hover{box-shadow:2px 2px 10px #fff;-webkit-transform:scale(.9);transform:scale(.9)}.skill:hover{background:linear-gradient(180deg,#50006d,#530071)}@media screen and (max-width:768px){.skill .skills{margin:0;-webkit-transform:scale(.9);transform:scale(.9)}.skill .skills .skill-box{height:125px;width:160px}.skill .skills .skill-box .skill-card{height:55px;width:55px}}@media screen and (max-width:480px){.skill .skills{margin-top:-60px}.skill .skills .skill-box{height:115px;margin:10px;width:145px}}@media screen and (max-width:380px){.skill .skills{margin-top:-60px}.skill .skills .skill-box{height:105px;margin:10px;width:120px}}.experience{background-color:#0c0c0c;display:flex;flex-direction:column;padding-block:120px;transition:.1s ease-in}.experience .ex-box{-webkit-border-start:8px solid #000360;align-self:center;border-inline-start:8px solid #000360;border-radius:4px;height:55vh;position:relative;z-index:0}.experience .ex-box .icon-box{border:3px solid #b36200;border-radius:50%;padding:5px;position:absolute;top:30px;-webkit-transform:translateX(-58%);transform:translateX(-58%);z-index:999}.experience .ex-box .icon-box .logo{color:#fff;font-size:1.6rem}.experience .ex-box .icon-box .left-box{background-color:#c57007;border-radius:10px;color:#141414;font-weight:700;height:120px;left:100px;position:absolute;text-align:center;width:600px}.experience .ex-box .icon-box .left-box .logo2{color:#c57007;font-size:3rem;left:-31px;position:absolute;top:20px}.experience .ex-box .icon-box .left-box .heading{padding-block:16px}.experience .ex-box .icon-box .left-box .st05{padding-top:10px}.experience .ex-box .icon-box2{border:3px solid #b36200;border-radius:50%;padding:5px;position:absolute;top:200px;-webkit-transform:translateX(-58%);transform:translateX(-58%);z-index:999}.experience .ex-box .icon-box2 .logo{color:#fff;font-size:1.6rem}.experience .ex-box .icon-box2 .right-box{background-color:#c57007;border-radius:10px;color:#141414;font-weight:700;height:120px;position:absolute;right:100px;text-align:center;width:600px}.experience .ex-box .icon-box2 .right-box .logo2{color:#c57007;font-size:3rem;position:absolute;right:-32px;top:20px}.experience .ex-box .icon-box2 .right-box .heading{padding-block:16px}.experience .ex-box .box{box-shadow:1px 1px 10px #ff8c00}.experience .ex-box .box:hover{-webkit-transform:scale(.98);transform:scale(.98)}@media screen and (max-width:991px){.experience .ex-box .icon-box .left-box,.experience .ex-box .icon-box2 .right-box{width:380px}}@media screen and (max-width:768px){.experience{padding-block:60px}.experience .head{padding-bottom:60px}.experience .ex-box{-webkit-transform:scale(.78);transform:scale(.78)}}@media screen and (max-width:480px){.experience{padding-block:40px;padding-inline:20px}.experience .ex-box{align-self:flex-start}.experience .ex-box .icon-box .left-box{width:380px}.experience .ex-box .icon-box2 .right-box{left:100px;right:0;width:380px}.experience .ex-box .icon-box2 .right-box .logo2{left:-31px;right:0;-webkit-transform:rotate(-85deg);transform:rotate(-85deg)}}@media screen and (max-width:380px){.experience{padding-inline:20px}.experience .ex-box .icon-box .left-box,.experience .ex-box .icon-box2 .right-box{width:310px}}
/*# sourceMappingURL=main.863cebb8.css.map*/