@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Science+Gothic:wght@100..900&display=swap";.about-main{width:100%;min-height:60vh;height:auto;border:var(--border-color);font-family:var(--font-family);display:flex;justify-content:space-around;flex-wrap:wrap;padding:15px;margin-bottom:20px}.about-main-firstchild,.about-main-secondchild{border:var(--border-color)}.about-main-firstchild,.about-main-secondchild{flex-basis:40%}.about-main-firstchild-heading,.about-main-secondchild-heading{border:var(--border-color);font-size:40px;padding-left:100px;margin-bottom:30px;font-family:var(--font-heading)}.about-main-firstchild-heading p,.about-main-secondchild-heading p{color:var(--color);text-transform:uppercase;animation:done linear;animation-timeline:view();animation-range:entry 0% cover 60%}@keyframes done{0%{opacity:0;transform:scale(.5)}to{opacity:1;scale:1}}.about-main-firstchild-content p{line-height:30px;animation:done linear;animation-timeline:view();animation-range:entry 0% cover 30%}.about-main-firstchild-content{display:flex;flex-direction:column;justify-content:space-around;gap:30px;padding:50px;border:2px solid white;border-radius:20px;animation:done linear;animation-timeline:view();animation-range:entry 0% cover 30%}.about-main-secondchild-content{border:2px solid white;border-radius:20px;display:flex;flex-direction:column;justify-content:space-around;gap:30px;padding:50px;animation:done linear;animation-timeline:view();animation-range:entry 0% cover 30%}.about-main-secondchild-content img{width:15px}.college,.hsc,.sslc{line-height:30px;animation:done linear;animation-timeline:view();animation-range:entry 0% cover 30%}.education-name{font-size:25px;color:var(--color);font-weight:600}@media screen and (max-width:970px){.about-main-firstchild{flex-basis:50%}.about-main-secondchild{flex-basis:45%}.about-main-firstchild-heading,.about-main-secondchild-heading{text-align:center;padding:0;font-size:30px}}@media screen and (max-width:770px){.about-main-firstchild-content,.about-main-secondchild-content{padding:15px}}@media screen and (max-width:730px){.about-main{display:block}.about-main-secondchild-content{padding-left:30px}.about-main-firstchild{margin-bottom:20px}}@media screen and (max-width:430px){.about-main-firstchild-content,.about-main-secondchild-content{font-size:13px}}*{margin:0;padding:0;box-sizing:border-box;list-style-type:none;text-decoration:none;scroll-behavior:smooth}body{background-color:#000;color:#fff}:root{--font-family:"Lexend", sans-serif;--color:#13ff00;--font-heading:"Science Gothic", sans-serif}.intro-main{border:var(--border-color);width:100%;min-height:90vh;height:auto;display:flex;justify-content:space-around;align-items:center;font-family:var(--font-family);flex-wrap:wrap}.intro-first-child{border:var(--border-color);width:100%;height:auto;flex-basis:40%;opacity:0;transform:translate(-50px);transition:opacity 2s ease,transform 2s ease}.image-container{border:var(--border-color);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.image-container img{width:290px;height:300px;border:10px solid white;border-radius:50%;border-width:10px;cursor:pointer;transition:.5s}.image-container img:hover{transform:scale(1.1)}.intro-second-child{border:var(--border-color);width:100%;height:auto;flex-basis:55%;opacity:0;transform:translate(50px);transition:opacity 2s ease,transform 2s ease}.intro-para-container{border:var(--border-color);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;letter-spacing:.5px}.main-name{font-size:40px;font-weight:600;color:var(--color);line-height:45px;margin-bottom:10px}.intro-para-container-firstline{line-height:45px}.intro-main-words{line-height:25px;margin-bottom:10px}font{color:var(--color);font-weight:600;font-size:20px}.intro-second-child-button{border:var(--border-color);margin-bottom:10px}.button{border:var(--border-color);width:fit-content}.button button{border:3px solid white;padding:10px;color:#000;font-weight:600;border-radius:20px;background-color:var(--color);cursor:pointer;transition:.1s}.button button:hover{transform:scale(1.1);box-shadow:0 0 15px var(--color)}.button button:active{transform:scaleZ(1)}.social-media{border:var(--border-color)}.social-media-main{border:var(--border-color);width:fit-content;padding:10px;display:flex;align-items:center;gap:20px}.social-media-main img{border:2px solid white;border-radius:50%;padding:8px;cursor:pointer;transition:.1s}.social-media-main img:hover{transform:scale(1.2);box-shadow:0 0 10px #13ff00}.social-media-main img:active{transform:scaleZ(1)}@media screen and (max-width:665px){.intro-main{display:block;margin-top:50px}.intro-second-child{padding-left:20px}}@media screen and (max-width:450px){.intro-para-container-firstline{font-size:13px}.main-name{font-size:35px}.intro-main-words{font-size:14px}font{font-size:18px}.button button{font-size:12px}.social-media-main img{width:40px}.image-container img{width:250px;height:270px}}@media screen and (max-width:380px){.intro-main-words span{display:none}}*{color:#fff}.nav-main{border:var(--border-color);display:flex;justify-content:space-around;align-items:center;padding:30px;font-family:var(--font-family);opacity:0;transform:translate(50px);transition:opacity 1s ease,transform 1s ease;position:sticky;top:0;z-index:1;background-color:#000}.fade-in{opacity:1;transform:translate(0)}.logo{border:var(--border-color);font-size:25px;flex-basis:50%;display:flex;justify-content:center;flex-wrap:wrap}.logo p{cursor:pointer;width:fit-content;border:var(--border-color);color:var(--color);text-transform:uppercase;font-family:var(--font-heading)}.nav-items{border:var(--border-color);flex-basis:50%}ul{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}li{text-transform:capitalize}li a:hover{color:#13ff00;text-shadow:0 0 20px rgba(19,255,0,1);text-decoration:underline;text-underline-offset:10px;transition:1s}ul img{cursor:pointer;display:none}.sidebar{position:fixed;top:0;right:0;width:250px;height:100vh;background:#03031ff7;display:flex;flex-direction:column;align-items:center;padding-top:80px;gap:25px;animation:slideIn .4s ease forwards;z-index:2000}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar a{color:#fff;font-size:20px;text-transform:capitalize;transition:color .3s}.sidebar a:hover{color:#13ff00;text-shadow:0 0 20px rgba(19,255,0,1)}@media screen and (max-width:830px){.logo{flex-basis:20%}.nav-items{flex-basis:70%}}@media screen and (max-width:575px){ul li{display:none}ul img{display:block}.logo{flex-basis:70%}.nav-items{flex-basis:20%}}@media screen and (max-width:450px){.logo{flex-basis:20%}.nav-items{flex-basis:70%;padding-left:50px}}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#111;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;pointer-events:none}.wave-loader{display:flex;gap:8px;align-items:end;height:40px;margin-bottom:15px}.wave-loader span{width:6px;height:100%;background:#13ff00;border-radius:3px;animation:waveBounce 1.2s infinite ease-in-out}.wave-loader span:nth-child(1){animation-delay:0s}.wave-loader span:nth-child(2){animation-delay:.1s}.wave-loader span:nth-child(3){animation-delay:.2s}.wave-loader span:nth-child(4){animation-delay:.3s}.wave-loader span:nth-child(5){animation-delay:.4s}@keyframes waveBounce{0%,to{transform:scaleY(.4);opacity:.6}50%{transform:scaleY(1);opacity:1}}.app-wrapper{opacity:0;transition:opacity 1s ease-in-out}.app-wrapper.fade-in{opacity:1}.skill-main{width:100%;min-height:fit-content;font-family:var(--font-family);border:var(--border-color);padding:10px;margin-bottom:20px}.skill-heading{border:var(--border-color);text-align:center;margin-bottom:10px;font-family:var(--font-heading)}.skill-heading p{font-size:40px;text-transform:uppercase;color:var(--color);animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 40%}.skills-main-types{border:var(--border-color);width:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;padding:20px}.skill-main-types-box{border:2px solid rgb(51,50,50);display:flex;width:200px;justify-content:space-around;align-items:center;padding:10px;border-radius:10px;font-size:25px;flex-basis:20%;margin:10px;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 30%;cursor:pointer;background-color:#262525}.skill-main-types-box:hover{transform:scale(1.1);box-shadow:0 0 10px gray}.skill-main-types-box img{width:50px}@keyframes motion{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.technology{font-size:15px;width:100%;text-align:center;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 30%;color:gray;margin-bottom:30px}@media screen and (max-width:625px){.skill-heading p{font-size:30px}.technology{font-size:12px}.skill-main-types-box{flex-basis:25%;flex-grow:1}.skill-main-types-box p{font-size:18px}}@media screen and (max-width:490px){.technology{font-size:13px}.skill-heading p{font-size:20px}}@media screen and (max-width:350px){.skill-main-types-box{flex-direction:column;gap:5px;font-size:10px}}.project-main{width:100%;font-family:var(--font-family);border:var(--border-color)}.project-heading{border:var(--border-color);font-size:40px;text-transform:uppercase;text-align:center;font-family:var(--font-heading)}.project-heading p{color:var(--color);margin-bottom:10px;animation:projectani linear;animation-timeline:view();animation-range:entry 0% cover 40%}.project-subheading{width:100%;text-align:center;color:gray;animation:projectani linear;animation-timeline:view();animation-range:entry 0% cover 40%;line-height:25px}@keyframes projectani{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@media screen and (max-width:625px){.project-heading p{font-size:30px}}@media screen and (max-width:490px){.project-heading p{font-size:20px}.project-subheading{font-size:12px}}.mini-projects-heading{border:var(--border-color);margin-top:10px;font-size:30px;padding:10px;text-transform:uppercase;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 40%}.mini-projects-heading p{color:var(--color);animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 40%}.miniproject-projects{width:100%;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:20px;padding:20px;scroll-behavior:smooth;scrollbar-width:none;justify-content:space-around;animation:anime linear;animation-timeline:view();animation-range:entry 0% cover 30%}.miniproject-projects::-webkit-scrollbar{display:none}.project-cards,.main-project-cards{flex:0 0 auto;width:330px;border:2px solid white;padding:5px;border-radius:10px;flex-basis:30%;justify-content:space-around;height:fit-content;animation:anime linear;animation-timeline:view();animation-range:entry 0% cover 30%}.project-image{width:100%;padding:5px}.project-image img{width:100%;height:250px}.project-livedemo{border:var(--border-color);text-align:end;display:flex;flex-direction:row;justify-content:space-between}.onlinebtn{font-weight:600}.project-livedemo button{background-color:var(--color);padding:5px;color:#000;border-radius:5px;border:2px solid black;cursor:pointer}.project-livedemo button:hover{transform:scale(1.01)}.project-livedemo button:active{transform:scale(.9)}.project-livedemo button a{color:#000;font-weight:600}.project-description{border:var(--border-color);padding:5px;margin-bottom:5px}.project-description p{font-size:15px;line-height:20px;color:#fff}.project-tech{border:var(--border-color)}.project-tech ul{display:flex;flex-direction:row;justify-content:space-between}.project-tech ul li{padding:10px}.project-tech ul li button{background-color:#2f2f2f;padding:5px;border-radius:5px;border:2px solid white;text-transform:capitalize}.main-projects{min-height:500px}.main-projects-heading{border:var(--border-color);margin-top:10px;font-size:30px;padding:10px;text-transform:uppercase;animation:anime linear;animation-timeline:view();animation-range:entry 0% cover 30%}.main-projects-heading p{color:var(--color);animation:anime linear;animation-timeline:view();animation-range:entry 0% cover 30%}.main-project-image img{width:100%}@keyframes anime{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.slider-btns{width:100%;display:flex;justify-content:center;gap:15px;margin-bottom:5px;margin-top:5px;padding-right:10px}.slider-btns button{background-color:var(--color);border:2px solid black;padding:8px 15px;border-radius:8px;cursor:pointer;font-size:20px;font-weight:700;transition:.2s;animation:anime linear;animation-timeline:view();animation-range:entry 0% cover 10%}.slider-btns button:hover{transform:scale(1.1)}.slider-btns button:active{transform:scale(.9)}@media screen and (max-width:995px){.project-cards,.main-project-cards{flex-basis:50%}}@media screen and (max-width:585px){.project-cards,.main-project-cards{flex-basis:100%}.mini-projects-heading,.main-projects-heading{text-align:center}.project-tech{display:none}.project-description p{font-size:11px}}.footer-main{font-family:var(--font-family);border:var(--border-color);margin-bottom:20px}.footer-main-heading{font-family:var(--font-heading);border:var(--border-color);text-align:center;font-size:40px}.footer-main-heading p{color:var(--color);text-transform:uppercase;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 40%}.footer-main-subheading{border:var(--border-color);text-align:center;padding:10px;line-height:22px;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 40%}.footer-main-subheading p{color:gray}.footer-left{border:2px solid white;padding:20px;border-radius:10px;flex-basis:30%;width:100%}.footer-right{border:2px solid white;border-radius:10px;padding:20px;flex-basis:40%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.footer-left-right{display:flex;justify-content:space-around;padding:20px;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 30%;flex-wrap:wrap}.footer-left-heading{border:var(--border-color);animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 30%}.footer-left-heading p{font-size:30px;text-decoration:underline;text-underline-offset:10px;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 30%;color:var(--color)}.footer-left-content{border:var(--border-color);padding:20px;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 30%}.footer-left-content p img{width:40px;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 20%}.footer-left-content p{border:var(--border-color);display:flex;align-items:center;padding:10px;width:100%;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 20%;margin-bottom:10px}.footer-left-content-para{animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 30%;width:100%}.footer-right-content{border:var(--border-color);padding:10px;display:flex;flex-direction:column;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 30%;width:100%}.footer-right-content p{margin-bottom:5px}input{padding:10px;width:100%;background:transparent;border:2px solid white;border-radius:5px;margin-bottom:20px;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 30%}.textbox{height:12vh;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 20%}::placeholder{font-size:15px}.submitbutton{border:var(--border-color);display:flex;justify-content:end;width:100%;height:50px;animation:motion linear;animation-timeline:view();animation-range:entry 0% cover 10%}.submitbutton button{padding:10px;font-size:20px;font-weight:500;background-color:var(--color);border-radius:10px;border:2px solid var(--color);cursor:pointer;width:100%;display:flex;justify-content:center}.submitbutton button:hover{transform:scale(1.01)}.submitbutton button:active{transform:scale(1)}.submitbutton button p{color:#000;padding-right:10px}@media screen and (max-width:995px){.footer-left-right,.footer-left,.footer-right{padding:10px}}@media screen and (max-width:890px){.footer-left-content{padding:10px;margin:10px}}@media screen and (max-width:790px){.footer-right,.footer-left{flex-basis:61%}}@media screen and (max-width:625px){.footer-main-heading p{font-size:30px}}@media screen and (max-width:485px){.footer-right{flex-basis:100%}.footer-left-content-para{font-size:12px}.footer-main-heading p{font-size:20px}.footer-main-subheading p{font-size:12px}.footer-left{flex-basis:100%}}