@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css";.nav-resume-button{height:30px;width:100px;border:none;border-radius:10px;cursor:pointer;position:relative;overflow:hidden;bottom:5px;transition:all .5s ease-in-out;margin-left:20px}.nav-resume-button:hover{box-shadow:.5px .5px 150px #252525}.type1:after{content:"Thanks 🤝";height:30px;width:100px;background-color:#0e4166;color:#fff;position:absolute;top:0%;left:0%;transform:translateY(50px);font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .5s ease-in-out}.type1:before{content:"⬇️ Resume";height:30px;width:100px;background-color:#fff;color:teal;position:absolute;top:0%;left:0%;transform:translateY(0) scale(1.2);font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .5s ease-in-out}.type1:hover:after{transform:translateY(0) scale(1.2)}.type1:hover:before{transform:translateY(-50px) scale(0) rotate(120deg)}.active-nav-resume-button{height:30px;width:100px;border:none;border-radius:10px;cursor:pointer;position:relative;overflow:hidden;bottom:5px;transition:all .5s ease-in-out;margin-left:20px;box-shadow:.5px .5px 150px #252525}.active-nav-resume-button:hover{box-shadow:.5px .5px 150px #252525}.active-type1:after{content:"Thanks 🤝";height:30px;width:100px;background-color:#0e4166;color:#fff;position:absolute;top:0%;left:0%;transform:translateY(50px);font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .5s ease-in-out}.active-type1:before{content:"⬇️ Resume";height:30px;width:100px;background-color:#fff;color:teal;position:absolute;top:0%;left:0%;transform:translateY(0) scale(1.2);font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .5s ease-in-out}.active-type1:hover:after{transform:translateY(0) scale(1.2)}.active-type1:hover:before{transform:translateY(-50px) scale(0) rotate(120deg)}.scroll-to-top-button{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#0e4165;color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.scroll-to-top-button.visible{opacity:1;visibility:visible}.scroll-to-top-button:hover{background-color:#555}.scroll-to-top-button:focus{outline:none}.scroll-to-top-button:before{font-weight:900;font-size:16px}.icon-up{width:30px;height:30px}.mob-menu{height:30px;padding-left:10px;background:#63c0d3;background:linear-gradient(90deg,#63c0d3 28%,#3a7dce)}.mob-menu>a{color:#a8dff1}.Btn,.project-github-link,.project-deployed-link,.mobilegitbtn{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;padding:6px 12px;min-width:90px;font-size:14px;font-weight:500;border-radius:8px;text-decoration:none;transition:background-color .3s ease}.text,.sign{white-space:nowrap}.gitnubicon{display:flex;align-items:center;justify-content:center;font-size:16px}.Btn:hover,.project-github-link:hover,.project-deployed-link:hover,.mobilegitbtn:hover{background-color:#e2e2e2}@media (max-width: 600px){.Btn,.project-github-link,.project-deployed-link,.mobilegitbtn{font-size:13px;min-width:80px;gap:4px;padding:5px 10px}}.project-card{display:flex;flex-direction:row;align-items:center;text-align:center}.project-buttons{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap;width:100%}.about-div{padding-top:60px}.about-me{text-align:center;font-family:Poppins,sans-serif;font-weight:700;font-size:2rem}.image-des{display:flex;width:80%;margin:30px auto auto}.image-des>div>img{width:300px;border-radius:2rem;box-shadow:#0000003d 0 3px 8px;border:2px solid black}.image-des>div>p{text-align:justify;margin-top:30px;margin-left:10px;line-height:1.3rem;font-size:1.1rem;font-family:Outfit,sans-serif;font-weight:300}.resume-button{width:150px;margin:30px auto auto;padding:10px}.download-button{position:relative;border-width:0;color:#fff;font-size:15px;font-weight:600;border-radius:4px;z-index:1}.download-button .docs{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:0 10px;border-radius:4px;z-index:1;background-color:#242a35;border:solid 1px #e8e8e82d;transition:all .5s cubic-bezier(.77,0,.175,1)}.download-button:hover{box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.download{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;max-width:90%;margin:0 auto;z-index:-1;border-radius:4px;transform:translateY(0);background-color:#01e056;border:solid 1px #01e0572d;transition:all .5s cubic-bezier(.77,0,.175,1)}.download-button:hover .download{transform:translateY(100%)}.download svg polyline,.download svg line{animation:docs 1s infinite}@keyframes docs{0%{transform:translateY(0)}50%{transform:translateY(-15%)}to{transform:translateY(0)}}@media screen and (max-width: 767px){.image-des{display:block;width:85%;margin:20px auto auto}.image-des>div:nth-child(1){display:flex;justify-content:center;width:100%}.image-des>div>img{width:200px}.image-des>div:nth-child(2){display:flex;flex-direction:column;justify-content:center;width:100%}.image-des>div:nth-child(2)>p{font-size:1rem;line-height:normal;padding-right:10px}.resume-button{width:120px;margin:30px auto auto}}.Contact-maindiv{margin-top:100px}.contact{width:80%;margin:30px auto auto;display:flex;justify-content:space-around;align-items:center}.contact-card{background-color:#fff;border-radius:10px;padding:20px;width:400px;display:flex;flex-direction:column}.contact-title{font-size:24px;font-weight:600;text-align:center}.contact-form{margin-top:20px;display:flex;flex-direction:column}.contact-group{position:relative}.contact-form .contact-group label{font-size:14px;color:#636666;position:absolute;top:-10px;left:10px;background-color:#fff;transition:all .3s ease}.contact-form .contact-group input,.contact-form .contact-group textarea{padding:10px;border-radius:5px;border:1px solid rgba(0,0,0,.2);margin-bottom:20px;outline:0;width:100%;background-color:transparent}.contact-form .contact-group input:placeholder-shown+label,.contact-form .contact-group textarea:placeholder-shown+label{top:10px;background-color:transparent}.contact-form .contact-group input:focus,.contact-form .contact-group textarea:focus{border-color:#36c}.contact-form .contact-group input:focus+label,.contact-form .contact-group textarea:focus+label{top:-10px;left:10px;background-color:#fff;color:#36c;font-weight:600;font-size:14px}.contact-form .contact-group textarea{resize:none;height:100px}.contact-form button{background-color:#36c;color:#fff;border:none;border-radius:5px;padding:10px;font-size:16px;cursor:pointer;transition:all .3s ease}.contact-form button:hover{background-color:#27408b}.details-cards{display:flex;flex-direction:column;gap:15px}.details-cards .red,.details-cards .blue,.details-cards .green{background:linear-gradient(-45deg,#3f9190,#3e9bcc)}.details-cards .details-card{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:100px;width:350px;border-radius:10px;color:#fff;cursor:pointer;transition:.4s}.details-cards .details-card p.details-tip{font-size:1em;font-weight:700}.details-cards .details-card p.details-second-text{font-size:.7em}.details-cards .details-card:hover{transform:scale(1.1)}.details-cards:hover>.details-card:not(:hover){filter:blur(10px);transform:scale(.9)}.details-card>div{width:91%;margin:auto;display:flex;align-items:center}.details-card>div p{margin-left:.8rem}.details-card>div>div{background-color:#0e4166;width:45px;border-radius:50%;padding:10px;display:flex;align-items:center}.contact-icon{width:25px;height:25px}@media screen and (min-width: 670px) and (max-width: 1010px){.contact{display:block;gap:15px}.contact-details,.contact-form-div{width:90%;margin:auto}.details-cards .details-card,.contact-card{width:100%}}@media screen and (max-width: 670px){.contact{display:block;gap:15px}.contact-details,.contact-form-div{width:100%;margin:auto}.details-cards .details-card,.contact-card{width:100%}}@media screen and (max-width: 454px){.details-card>div p{font-size:.7rem}}.intro-main-img-div{background-size:cover;height:890px}.svgbg{width:100%;height:850px;box-sizing:border-box;display:block;background-color:#0e4166;background-image:linear-gradient(to bottom,#0e4166db,#0e4166)}.intro-main-text-div{width:100%;height:600px;position:relative;bottom:700px}.intro-main-text-div>div:nth-child(1){width:80%;margin:30px auto auto}.nameh1tag{color:#a8dff1;text-align:center;font-size:4rem;font-family:Poppins,sans-serif;letter-spacing:.2rem;word-spacing:normal}.typewriter{text-align:center;font-family:Poppins,sans-serif;letter-spacing:.2rem;color:#b5d9eb}.devloperimg{width:20rem}.devloperimg-div{width:20rem;margin:auto}.socialamedialogos{width:10rem;margin:auto;display:flex;justify-content:space-between;margin-top:10rem}.socialamedialogos>div{background-color:#0e4166;width:fit-content;padding:5px;display:flex;align-items:center;border-radius:.2rem;cursor:pointer}.socialamedialogos>div:hover{background-color:#fff}.socialamedialogos>div:hover .icon-github,.socialamedialogos>div:hover .icon-email,.socialamedialogos>div:hover .icon-linkedin{color:#0e4166}.icon-github,.icon-email,.icon-linkedin{width:25px;height:25px;color:#fff}@media screen and (min-width: 767px) and (max-width: 1124px){.nameh1tag{font-size:3rem}.typewriter{letter-spacing:.2rem;font-size:2rem}.devloperimg,.devloperimg-div{width:16rem}}@media screen and (min-width: 1117px) and (max-width: 1174px){.socialamedialogos{margin-top:50px}}@media screen and (max-width: 767px){.intro-main-img-div{height:830px}.nameh1tag{font-size:2rem}.typewriter{letter-spacing:.2rem;font-size:1rem}.devloperimg,.devloperimg-div{width:12rem}.svgbg{height:800px}.socialamedialogos{margin-top:250px}}.mainheading{text-align:center;font-weight:700;font-family:Poppins,sans-serif;font-size:2rem}.heading-div{width:fit-content;margin:auto}.heading-textbtn{color:#000;font-family:inherit;font-weight:800;margin:auto;position:relative;border:none;background:none;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-duration:.4s;transition-property:color}.heading-textbtn:focus,.heading-textbtn:hover{color:#000}.heading-textbtn:focus:after,.heading-textbtn:hover:after{width:100%;left:0%}.heading-textbtn:after{content:"";pointer-events:none;bottom:-2px;left:50%;position:absolute;width:0%;height:2px;background-color:#000;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-duration:.4s;transition-property:width,left}.Projects-maindiv{padding-top:50px;text-align:center}.Projectcards-div{width:80%;margin:50px auto auto}.card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;box-shadow:0 10px 20px #0003;padding:20px;overflow:hidden;border-radius:10px;transition:all .5s cubic-bezier(.23,1,.32,1);margin-top:40px}.content{display:flex;flex-direction:column;margin-left:20px;gap:20px;color:#e8e8e8;transition:all .5s cubic-bezier(.23,1,.32,1)}.content .heading{font-weight:700;font-size:32px;color:#000;text-align:center}.content .para{line-height:1.5;color:#000;text-align:justify;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.btnhover>.btn{color:#e8e8e8;text-decoration:none;padding:10px;font-weight:600;border:none;cursor:pointer;background:linear-gradient(-45deg,#f89b29,#ff0f7b);border-radius:5px;box-shadow:0 5px 10px #0003}.card:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:linear-gradient(-45deg,#3f9190,#3e9bcc);z-index:-1;transition:all .5s cubic-bezier(.23,1,.32,1)}.card:hover:before{height:100%}.card:hover{box-shadow:none}.card:hover .btn{color:#212121;background:#e8e8e8}.btnhover>.btn:hover{outline:2px solid #e8e8e8;background:transparent;color:#e8e8e8}.btnhover>.btn:active{box-shadow:none}.card:hover .heading{color:#fff;filter:drop-shadow(0 0 23px white)}.card:hover .para{color:#fff}.card:hover .icon-background{background-color:#212121;padding:4px;border-radius:.5rem;display:flex;align-items:center;filter:none}.card:hover .icon-backgroundforexpress{background-color:#f0e8e8fb;padding:4px;border-radius:.5rem;display:flex;align-items:center;filter:none}.projectimage{width:550px;box-shadow:#00000029 0 1px 4px}.btnhover{transform:translateY(200%);opacity:0;transition:transform .2s ease,opacity .2s ease;width:40%;margin:auto auto 10px;position:relative;bottom:30px;display:flex;justify-content:space-around}.card:hover .btnhover{transform:translateY(100%);opacity:1}.techstacks{display:flex;justify-content:space-between;width:60%;margin:auto}.techstacks-fashion{display:flex;justify-content:space-between;width:30%;margin:auto}.icon-background,.icon-backgroundforexpress{filter:drop-shadow(2px 2px 10px rgb(66,64,64))}.iconimg{width:35px}.Btn{display:flex;align-items:center;justify-content:flex-start;width:45px;height:45px;border:none;border-radius:50%;cursor:pointer;position:relative;overflow:hidden;transition-duration:.3s;box-shadow:2px 2px 10px #0003;background-color:#0e4166}.sign{width:100%;transition-duration:.3s;display:flex;align-items:center;justify-content:center}.sign svg{width:17px}.gitnubicon{width:100%;transition-duration:.3s;display:flex;align-items:center;justify-content:center}.gitnubicon svg{width:30px}.sign svg path{fill:#fff}.gitnubicon svg path{fill:#fff}.text{position:absolute;right:0%;width:0%;opacity:0;color:#fff;font-size:1.2em;font-weight:600;transition-duration:.3s}.Btn:hover{width:125px;border-radius:40px;transition-duration:.3s}.Btn:hover .sign,.Btn:hover .gitnubicon{width:30%;transition-duration:.3s;padding-left:20px}.Btn:hover .text{opacity:1;width:70%;transition-duration:.3s;padding-right:10px}.Btn:active{transform:translate(2px,2px)}.smallscreenbtns{display:none}.smallscreenbtns button{font-size:.8rem;padding:.5em 2em;border:transparent;box-shadow:2px 2px 4px #0006;background:#1e90ff;color:#fff;border-radius:4px}.smallscreenbtns button:hover{background:#020024;background:linear-gradient(90deg,#1e90ff,#00d4ff)}.smallscreenbtns button:active{transform:translateY(.2em)}.smallscreenbtns>button:nth-child(1)>div{width:180%;display:flex;justify-content:space-around;align-items:center;margin:auto;position:relative;right:16px}.smallscreenbtns>button:nth-child(2)>.mobilegitbtn{width:150%;display:flex;justify-content:space-around;align-items:center;margin:auto;position:relative;right:16px}.Tabscreenbtns{display:none}@media screen and (min-width: 1057px) and (max-width: 1229px){.projectimage{width:400px}.content .heading{font-weight:600;font-size:28px;color:#000;text-align:center}.content .para{line-height:1.5;color:#000;font-size:.8rem;text-align:justify}.iconimg{width:28px}.icon-background{background-color:#212121;padding:2px;border-radius:.5rem;display:flex;align-items:center}.btnhover{display:none}.Tabscreenbtns{display:flex;width:80%;margin:13px auto auto;justify-content:space-around;align-items:center}.Tabscreenbtns button{font-size:.8rem;padding:.5em 2em;border:transparent;box-shadow:2px 2px 4px #0006;background:#1e90ff;color:#fff;border-radius:4px}.Tabscreenbtns button:hover{background:#020024;background:linear-gradient(90deg,#1e90ff,#00d4ff)}.Tabscreenbtns button:active{transform:translateY(.2em)}.Tabscreenbtns>button:nth-child(1)>div{width:180%;display:flex;justify-content:space-around;align-items:center;margin:auto;position:relative;right:16px}.Tabscreenbtns>button:nth-child(2)>.mobilegitbtn{width:150%;display:flex;justify-content:space-around;align-items:center;margin:auto;position:relative;right:16px}.mobilegitbtn{width:130%}}@media screen and (min-width: 800px) and (max-width: 1057px){.projectimage{width:300px}.content .heading{font-weight:600;font-size:23px;color:#000;text-align:center}.content .para{line-height:1.5;color:#000;font-size:.7rem;text-align:justify}.iconimg{width:20px}.icon-background{background-color:#212121;padding:3px;border-radius:.4rem;display:flex;align-items:center}.btnhover{display:none}.Tabscreenbtns{display:flex;width:80%;margin:13px auto auto;justify-content:space-around;align-items:center}.Tabscreenbtns button{font-size:.8rem;padding:.5em 2em;border:transparent;box-shadow:2px 2px 4px #0006;background:#1e90ff;color:#fff;border-radius:4px}.Tabscreenbtns button:hover{background:#020024;background:linear-gradient(90deg,#1e90ff,#00d4ff)}.Tabscreenbtns button:active{transform:translateY(.2em)}.Tabscreenbtns>button:nth-child(1)>div{width:180%;display:flex;justify-content:space-around;align-items:center;margin:auto;position:relative;right:16px}.Tabscreenbtns>button:nth-child(2)>.mobilegitbtn{width:150%;display:flex;justify-content:space-around;align-items:center;margin:auto;position:relative;right:16px}.mobilegitbtn{width:130%}}@media screen and (max-width: 800px){.card{display:flex;justify-content:center;flex-direction:column;width:100%;padding:10px;overflow:hidden;border-radius:10px;transition:all .5s cubic-bezier(.23,1,.32,1)}.projectimage{width:98%}.content .heading{font-weight:600;font-size:20px;color:#000;text-align:center}.content .para{line-height:1.5;color:#000;font-size:.6rem;text-align:justify}.iconimg{width:16px}.content{margin:auto}.icon-background{background-color:#212121;padding:2px;border-radius:.3rem;display:flex;align-items:center}.para{margin-top:-10px}.btnhover{display:none}.smallscreenbtns{display:flex;margin:20px auto auto;width:80%;justify-content:space-around;align-items:center}}.stats{padding-top:50px;width:95%;margin:auto}.github-calender-div{width:95%;margin:auto}.calendar-container{width:80%;padding:20px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px;margin:50px auto auto;border-radius:10px}.react-github-calendar{display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif;margin:auto}.react-github-calendar h2{font-size:24px;text-align:center}.react-github-calendar .calendar-graph{display:flex;justify-content:center;align-items:center;margin-top:90px}.react-github-calendar .graph-legend{display:flex;justify-content:center;margin-top:90px}.react-github-calendar .graph-legend .legend-item{display:flex;align-items:center;margin-right:10px}.react-github-calendar .graph-legend .legend-item .legend-color{width:12px;height:12px;margin-right:6px;border-radius:100%}.react-github-calendar .graph-legend .legend-item .legend-text{font-size:14px}.react-github-calendar .graph-day{width:12px;height:12px;margin:1px;border-radius:100%;transition:opacity .2s}.react-github-calendar .graph-day:hover{opacity:.7}.react-github-calendar .graph-day.level-0{background-color:#ebedf0}.react-github-calendar .graph-day.level-1{background-color:#9be9a8}.react-github-calendar .graph-day.level-2{background-color:#40c463}.react-github-calendar .graph-day.level-3{background-color:#30a14e}.react-github-calendar .graph-day.level-4{background-color:#216e39}.git-box{margin:50px auto auto;width:90%;display:flex;justify-content:space-around}.github-stats-card,.github-top-langs,.github-streak-stats{width:100%}.git-box>div{width:30%}@media screen and (min-width: 800px) and (max-width: 1300px){.git-box{width:60%;display:block}.git-box>div{width:fit-content}.git-box>div{width:100%}.github-stats-card,.github-top-langs,.github-streak-stats{width:100%}.github-calender-div{width:100%;margin:auto}}@media screen and (max-width: 850px){.git-box{width:70%;flex-direction:column;justify-content:center;margin-top:30px}.git-box>div{width:90%;margin:auto}.react-activity-calendar__count{font-size:.7rem}.react-activity-calendar__legend-colors>span{font-size:.7rem}.react-activity-calendar__legend-colors>svg{width:9px;height:9px}.github-calender-div{width:100%;margin:auto}.calendar-container{width:100%;padding:10px;margin-top:20px}}.Tech-Stacks{padding:4rem 1rem;text-align:center}.Tech-Stacks .heading-div{margin-bottom:2rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.Tech-Stacks .heading-textbtn{background:none;border:none;cursor:default}.Tech-Stacks .heading{font-size:2rem;font-weight:700;color:#333;margin:0 auto}.Tech-Stacks .logosofstacks{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem}.Tech-Stacks .coin{width:100px;height:100px;perspective:1000px;position:relative;animation:spin 5s linear infinite;transform-style:preserve-3d}@keyframes spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.Tech-Stacks .side{width:100px;height:100px;position:absolute;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 4px 10px #0003}.Tech-Stacks .tails{transform:rotateY(180deg)}.Tech-Stacks .tooltip-font{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.Tech-Stacks .skills-card svg,.Tech-Stacks .skills-card img{max-width:60px;max-height:60px}@media (max-width: 768px){.Tech-Stacks .heading{font-size:2rem}.Tech-Stacks .coin,.Tech-Stacks .side{width:80px;height:80px}.Tech-Stacks .skills-card svg,.Tech-Stacks .skills-card img{max-width:50px;max-height:50px}}.footer-button{display:flex;width:40%;margin:auto}.footer-box{width:35px;height:40px;display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:700;color:#fff;transition:all .8s;cursor:pointer;position:relative;background:#0e4066;overflow:hidden}.footer-box:before{content:"";position:absolute;top:0;background:#0e4066;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:translateY(100%);transition:transform .4s}.footer-box:nth-child(9):before{transform:translateY(-100%);content:"T"}.footer-box:nth-child(10):before{content:"H"}.footer-box:nth-child(11):before{transform:translateY(-100%);content:"A"}.footer-box:nth-child(12):before{content:"N"}.footer-box:nth-child(13):before{transform:translateY(-100%);content:"K"}.footer-box:nth-child(14):before{content:" "}.footer-box:nth-child(15):before{transform:translateY(-100%);content:"Y"}.footer-box:nth-child(16):before{content:"O"}.footer-box:nth-child(17):before{transform:translateY(-100%);content:"U"}.footer-box:nth-child(18):before{content:"💚"}.footer-button:hover .footer-box:before{transform:translateY(0)}.footer-div{width:100%;background-color:#0e4066;margin-top:30px}@media screen and(min-width:740px) and (max-width: 930px){.footer-box{font-size:.7rem;width:30px;height:35px;font-weight:500}}@media screen and (max-width: 740px){.footer-button{width:50%}.footer-box{font-size:.6rem;width:25px;height:30px;font-weight:500}}.menu-btn{color:#000;font-size:23px;cursor:pointer;display:none}.navdiv{width:100%}.menu{position:relative;bottom:10px}.menu-btn-position{position:relative;bottom:8px}.title_logo{position:relative;bottom:6px}.title_logo>img{width:80px}.navbar{margin:auto;background-color:transparent;width:100%;height:63px;padding:0 50px;position:fixed;z-index:999;transition:all .3s ease}.navbar h1{color:#e0f2fe;bottom:10px;font-weight:bolder;font-family:cursive;cursor:pointer}.activenavbar{margin:auto;background-color:transparent;width:100%;height:63px;padding:0 50px;position:fixed;z-index:999;transition:all .3s ease;box-shadow:#00000029 0 1px 4px;background-color:#e0f2fe;color:teal}.activenavbar h1{color:teal;bottom:10px;font-weight:bolder;font-family:cursive;cursor:pointer;margin-top:5px}.navbar.sticky,.activenavbar.sticky{padding:15px 0;background:#171c23}.navbar .max-width,.activenavbar .max-width{display:flex;align-items:center;justify-content:space-between}.navbar .logo a,.activenavbar .logo a{color:red;font-size:30px;font-weight:600}.navbar .logo a span,.activenavbar .logo a span{color:#0faaf1;transition:all .3s ease}.navbar.sticky .logo a span,.activenavbar.sticky .logo a span{color:#fff}.navbar .menu li,.activenavbar .menu li{list-style:none;display:inline-block}.navbar .menu li a{display:block;margin-left:25px;transition:color .3s ease;letter-spacing:.8px;letter-spacing:2px;color:#e0f2fe;font-size:1rem;font-weight:500}.activenavbar .menu li a{display:block;margin-left:25px;transition:color .3s ease;letter-spacing:.8px;letter-spacing:2px;color:teal;font-size:1rem;font-weight:500}.navbar .menu li a:hover,.navbar.sticky .menu li a:hover{color:#a8dff1}.activenavbar .menu li a:hover,.activenavbar.sticky .menu li a:hover{color:#499d4a}@media (max-width: 967px){.menu-btn{display:block;z-index:999;margin-top:15px}.menu-btn i.active:before{content:"";color:#fff}.activenavbar .menu{position:fixed;height:100vh;width:100%;left:-100%;top:0;background:#111;text-align:center;padding-top:80px;transition:all .3s ease}.activenavbar .menu.active{left:0}.activenavbar .menu li{display:block}.activenavbar .menu li a{display:inline-block;margin:20px 0;font-size:25px}.activenavbar .logo a{font-size:25px}.navbar .menu{position:fixed;height:100vh;width:100%;left:-100%;top:0;background:#111;text-align:center;padding-top:80px;transition:all .3s ease}.navbar .menu.active{left:0}.navbar .menu li{display:block}.navbar .menu li a{display:inline-block;margin:20px 0;font-size:25px}.navbar .logo a{font-size:25px}.navbar,.activenavbar{padding:0 30px}.title_logo>img{width:70px}}.social-links,.flex-center{display:flex;justify-content:center;align-items:center}.social-btn{cursor:pointer;height:50px;width:50px;font-family:Titillium Web,sans-serif;color:#333;border-radius:10px;box-shadow:#00000059 0 5px 15px;background:#fff;margin:5px;transition:.3s;justify-content:center}.social-btn svg{height:24px;width:24px;margin-left:5px}.social-btn span{width:0px;overflow:hidden;transition:.3s;text-align:center;margin-left:5px}.social-btn:hover{width:150px;border-radius:5px;transition:all .3s ease}.social-btn:hover span{padding:2px;width:80px;transition:all .3s ease}#instagram svg{fill:#cc39a4;width:35px;height:35px}#linkedin svg{fill:#0e76a8}#github{fill:#333}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;scroll-behavior:smooth;scroll-padding-top:2rem;font-family:Poppins,sans-serif}