nav{height:10vh;position:relative}.n-wrapper{background-color:hsla(0,0%,100%,.951);display:flex;height:70px;justify-content:space-between;left:3.5rem;margin-left:-3.5rem;margin-right:-3.5rem;padding-left:3.5rem;padding-right:3.5rem;position:fixed;right:3.5rem;top:0;z-index:10000}.n-left{align-items:center;display:flex;flex:1 1;gap:2rem}.n-name{font-size:1.3rem;font-weight:700}.n-right{align-items:center;display:flex;flex:1 1;font-weight:400;justify-content:center}.n-list{flex:10 1}.n-list>ul{display:flex;gap:2rem;margin-right:4rem}.n-list>ul>a:hover,.n-list>ul>li:hover{color:var(--orange);cursor:pointer}.n-list>ul>a{color:inherit;text-decoration:none}.n-button{flex:2 1}.nav-dropDownBtn{background:linear-gradient(180deg,#fdc50f 26.71%,#fb982f 99.36%);border:none;border-radius:10px;box-shadow:0 20px 24px 3px rgba(251,161,40,.42);display:none;margin:auto;text-align:center}.nav-dropDownBtn:hover{cursor:pointer}@media (max-width:900px){.n-right{display:none}.nav-dropDownBtn{display:block}}.dropDownBtnDiv>hr{background-color:#fff;color:#fff;height:1px;margin:2px;width:25px}.dropDownBtnDiv{display:flex;flex-direction:column;gap:2px;padding:7px}:root{--yellow:#f5c32c;--orange:#fca61f;--black:#242d49;--gray:#788097;--blueCard:#ddf8fe;--purple:#eed2ff;--boxShadow:0px 19px 60px rgb(0 0 0/8%);--orangeCard:rgba(252,166,31,.45);--smboxShadow:-79px 51px 60px rgba(0,0,0,.08)}.App{color:#242d49;color:var(--black);overflow:hidden;padding:.5rem 3.5rem}.button{background:linear-gradient(180deg,#fdc50f 26.71%,#fb982f 99.36%);border:none;border-radius:34px;box-shadow:0 20px 24px 3px rgba(251,161,40,.42);color:#fff;font-size:16px;padding:11px 26px}.button:hover{background:#fff;border:.1px solid #fca61f;border:.1px solid var(--orange);color:#fca61f;color:var(--orange);cursor:pointer}.intro{display:flex;gap:20px;justify-content:center;padding-bottom:100px;padding-top:150px}.i-left{display:flex;flex-direction:column;gap:2rem;position:relative}.github{background:linear-gradient(180deg,#fdc50f 26.71%,#fb982f 99.36%)}.i-name{display:flex;flex-direction:column}.i-name>:first-child{color:var(--black);font-size:3rem;font-weight:700}.i-name>:nth-child(2){color:var(--orange);font-size:3rem;font-weight:700}.i-name>:nth-child(3){color:var(--gray);font-size:16px;font-weight:100;margin-top:10px}.i-buttons-div{display:flex;gap:3rem}.i-button{width:6rem}.i-icons{display:flex;flex-direction:row;gap:0;justify-content:left;margin-top:2.5rem}.i-icons>*{-webkit-transform:scale(.5);transform:scale(.5)}.i-icons>:hover{cursor:pointer}.i-right{margin:0 auto auto;position:relative}.i-right>img{width:100%}.blur{background:#edd0ff;border-radius:50%;-webkit-filter:blur(72px);filter:blur(72px);height:14rem;left:56%;position:absolute;top:-18%;width:22rem;z-index:-9}@media (max-width:950px){.i-right>img{display:none}}.services{flex-direction:row;gap:50px;margin-bottom:5rem;margin-top:5rem;padding:0 .3rem}.awesome,.services{display:flex;position:relative}.awesome{flex-direction:column;margin-top:3rem}.awesome>:first-child{color:var(--black);font-size:2.5rem;font-weight:700}.awesome>:nth-child(2){color:var(--orange);font-size:2.5rem;font-weight:700}.awesome>:nth-child(3){color:var(--gray);font-size:16px;margin-top:1rem}.awesome>:nth-child(4){margin:0 auto auto 0}.s-button{margin-top:1rem;width:8rem}.cards{display:flex;flex:1 1;flex-direction:row;gap:45px;justify-content:center;margin-top:40px;position:relative}.s-blur1{left:-10rem;top:7rem}.s-blur2{left:30rem;top:13rem}@media (max-width:1300px){.cards>:first-child{display:none}}@media (max-width:1100px){.cards>:nth-child(3){display:none}}@media (max-width:760px){.cards>:nth-child(2){display:none}}.card{align-items:center;background:hsla(0,0%,100%,.26);border:7px solid var(--orangeCard);border-radius:20px;box-shadow:var(--boxShadow);display:flex;flex-direction:column;gap:1rem;height:8rem;padding:26px 26px 2rem;text-align:center;width:10rem}.card span:nth-of-type(2){color:var(--gray);font-size:16px;margin-top:-.5rem}.card>img{margin-bottom:-2rem;-webkit-transform:scale(.6);transform:scale(.6)}.c-button{background:#fff;border:none;border-radius:7px;box-shadow:0 19px 60px rgba(0,0,0,.08);color:#5290fd;font-size:16px;margin-top:-.5rem;padding:10px}.c-button:hover{border:.1px solid var(--orangeCard);cursor:pointer}.skills{padding-top:130px;position:relative;text-align:center}.s-heading>*{font-size:2.5rem;font-weight:700;letter-spacing:10px}.skills-section{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:50px;justify-content:center;margin-bottom:4rem;margin-top:4rem;text-align:center}.tools-heading{font-size:2rem;font-weight:500}.blur-s1{left:50rem}.blur-s2{left:-200px;top:3rem}.html-icon{color:var(--orange)}.html-text{color:var(--black);font-size:16px}.about{display:flex;flex-direction:column;margin-bottom:5rem;padding-top:130px}.a-img{margin:auto}.profileImg{border-radius:100%;width:300px}.a-div{display:flex;flex-direction:row;gap:60px;justify-content:space-between;margin:auto}.a-text{margin:auto auto auto 0}.a-title{font-size:2rem;letter-spacing:2px}.a-text>h1>span{color:var(--orange);font-size:2.5rem;font-weight:700}.a-text>h1>img{width:40px}.a-head{color:var(--black);font-size:2.5rem;font-weight:700;letter-spacing:10px;margin-top:0;text-align:center}.title-span{color:var(--gray);font-size:1.2rem;font-weight:500}.blinking-text{margin-bottom:100px;margin-top:100px;text-align:center}.blinking-text>a{color:var(--black);text-decoration:none}.blinking-text>a>span{font-size:2.5rem;font-weight:700}@media (max-width:1220px){.a-div{flex-wrap:wrap}}.project-heading{padding-right:40px;text-align:right}.project-video-div{flex:1 1}.contact{margin-bottom:2rem;padding-top:5rem}.c-title{font-size:2.5rem;font-weight:700;letter-spacing:10px;margin-bottom:5rem;text-align:center}.contact-part{flex-direction:column;flex-wrap:wrap}.c-right{display:flex;flex-direction:column;margin:auto}.c-right>p{display:flex;flex-direction:row;gap:15px;margin:10px}.c-right>p>a{color:inherit;font-weight:500;letter-spacing:1px;text-decoration:none}.contact-part{display:flex;flex-direction:row;justify-content:center}.c-left>img{margin-top:-100px;width:500px}.footer-part{color:var(--gray);font-size:16px;text-align:center}.footer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:5px}.footer>div{text-align:center}.socials-icon{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between}.socials-icon>*{color:var(--black);text-decoration:none;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.socials-icon>:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media (max-width:650px){.footer{flex-direction:column;gap:10px}}.GoToTopBtn{bottom:13px;cursor:pointer;position:fixed;right:10px;text-align:center}.p-title{font-size:2.5rem;font-weight:700;letter-spacing:10px;margin-bottom:0;margin-top:5rem;text-align:center}.projects{display:flex;flex-direction:column;gap:50px;padding-top:30px}.project{border:5px solid var(--orangeCard);border-radius:20px;padding:20px}.project-heading{font-size:1.3rem;font-weight:600;letter-spacing:2px;text-align:left;text-decoration:underline;text-transform:uppercase}.title-div{display:flex}.project1,.project2{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px}.company-logo{align-items:center;display:flex;justify-content:center}.project-about-div{flex:2 1;margin:auto;min-width:500px}.project-lang{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.button-goto{color:inherit;font-size:16px;text-decoration:none}.goto-button-div{display:flex;flex-direction:row;gap:30px;justify-content:center}.p-details{color:var(--gray);font-weight:500;margin-bottom:0;margin-top:0}.p-div{font-weight:600}.p-a,.p-div{text-decoration:none}.p-a{color:inherit}.p-a:hover{text-decoration:underline}.project-video-div-for-media{margin:auto;padding:0 10px 10px;width:500px}@media (max-width:710px){.project-video-div-for-media{width:450px}.project-about-div{min-width:450px}}@media (max-width:660px){.project-video-div-for-media{width:400px}.project-about-div{min-width:400px}}@media (max-width:610px){.project-video-div-for-media{width:350px}.project-about-div{min-width:350px}}@media (max-width:560px){.project-video-div-for-media{width:300px}.project-about-div{min-width:300px}}
/*# sourceMappingURL=main.3690188c.css.map*/