@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);:root{--font-base:"DM Sans",sans-serif;--primary-color:#edf2f8;--secondary-color:#313bac;--black-color:#030303;--lightGray-color:#e4e4e4;--gray-color:#6b7688;--brown-color:#46364a;--white-color:#fff}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}.main{margin-top:50px;@media screen and (max-width:1100px){margin-top:20px}}.head{font-size:40px;margin-bottom:50px;text-align:center;text-decoration:underline;@media screen and (max-width:1100px){font-size:30px}}.app__about{display:flex;@media screen and (max-width:1100px){display:flex;flex-direction:column}}.image{margin-left:75px;width:40%;@media screen and (max-width:1100px){margin-left:0;width:100%}}.image>img{border-radius:25px;display:block;height:330px;margin:auto;width:330px;@media screen and (max-width:1100px){height:270px;width:270px}}.text{padding-top:20px;width:50%;@media screen and (max-width:1100px){width:100%}}.text>h1{font-size:26px;font-weight:900;@media screen and (max-width:1100px){text-align:center}}.text>p{font-size:20px;margin-top:20px;width:90%;@media screen and (max-width:1100px){font-size:16px;margin-bottom:auto;margin-left:auto;margin-right:auto;margin-top:auto;margin-top:20px;text-align:center}}.Footer-Head{font-size:40px;margin-bottom:50px;text-align:center;text-decoration:underline;@media screen and (max-width:1100px){font-size:30px}}.app__footer{flex:1 1;flex-direction:column;width:100%}.app__footer-cards{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:4rem auto auto;width:60%;.app__footer-card{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:row;height:75px;justify-content:flex-start;margin:1rem 0;min-width:290px;padding:1rem;transition:all .3s ease-in-out;img{cursor:pointer;height:40px;margin:0 .7rem;width:40px}.github-img,.mail-img{height:35px;width:35px}p{font-weight:600}a{color:#000;cursor:pointer;font-weight:500;text-decoration:none}&:hover{box-shadow:0 0 25px #fff}@media screen and (max-width:480px){width:100%}}@media screen and (max-width:768px){width:100%}}.app__footer-form{flex-direction:column;margin:1.5rem auto auto;width:60%;div{border-radius:10px;cursor:pointer;margin:.75rem 0;transition:all .3s ease-in-out;width:100%;input,textarea{background-color:var(--white-color);border:none;border-radius:7px;color:#000;font-family:var(--font-base);outline:none;padding:.95rem;width:100%}textarea{height:170px}}button{background-color:#000;border:none;border-radius:10px;color:var(--white-color);cursor:pointer;font-family:var(--font-base);font-weight:500;margin:2rem 0 0;outline:none;padding:1rem 2rem;transition:all .3s ease;&:hover{background-color:#fff;border:2px solid #000;color:#000;font-weight:700}}@media screen and (max-width:768px){margin-bottom:1rem;margin-left:0;margin-right:0;margin-top:1rem;width:100%}}#Home{background:url(/static/media/bgIMG.c39101e520e2997fc6d4.png);background-position:50%;background-repeat:repeat;background-size:cover;position:relative;.app__wrapper{padding:0;.copyright{display:none}}}.app__header{flex:1 1;flex-direction:row;height:100%;padding:6rem 2rem 0;width:100%;@media screen and (min-width:2000px){padding-top:8rem}@media screen and (max-width:1200px){flex-direction:column}@media screen and (max-width:480px){padding-bottom:2rem;padding-left:1rem;padding-right:1rem;padding-top:6rem}}.app__header-info{align-items:flex-start;flex:0.65 1;height:100%;justify-content:flex-start;@media screen and (max-width:2000px){margin-right:0;width:100%}}.app__header-badge,.app__header-info{display:flex;flex-direction:column}.app__header-badge{align-items:flex-end;justify-content:flex-end;width:90%;.app__header-btn{background-color:#000;border:none;border-radius:5px;color:#f8f7f7;cursor:pointer;font-size:18px;font-weight:500;margin-right:5px;margin-top:2.8rem;padding:15px 20px;transition:all .3s ease;&:hover{background-color:#fff;border:2px solid #000;color:#000;font-weight:600}@media screen and (max-width:1200px){margin-top:2.2rem}@media screen and (max-width:550px){margin-top:1.8rem}}.badge-cmp,.tag-cmp{border:var(--white-color);border-radius:15px;box-shadow:0 0 20px #0000001a;flex-direction:row;margin-right:5px;padding:1rem 2rem;width:auto}.badge-cmp{.head-head{@media screen and (max-width:550px){font-size:38px}}}.tag-cmp{margin-top:3rem;@media screen and (max-width:1200px){margin-top:2.2rem}@media screen and (max-width:550px){margin-top:1.8rem}.p-text-1,p{text-align:right;text-transform:uppercase;width:100%}.p-text-1{font-size:18px;font-weight:700;@media screen and (max-width:550px){font-size:14px}}}span{font-size:2.5rem;@media screen and (min-width:2000px){font-size:5rem}}@media screen and (max-width:1200px){align-items:flex-start;justify-content:flex-start}}.app__header-circles{align-items:flex-start;display:flex;flex:0.5 1;flex-direction:column;height:100%;justify-content:space-evenly;margin-left:1rem;div{background:var(--white-color);border-radius:50%;box-shadow:0 0 20px #0000001a;height:400px;width:400px;img{height:60%;width:60%}}div:first-child{height:100px;width:100px}div:nth-child(2){height:150px;margin:1.75rem;width:150px}div:nth-child(3){height:70px;width:70px}@media screen and (min-width:2000px){div:first-child{height:400px;width:400px}div:nth-child(2){height:170px;width:170px}div:nth-child(3){height:200px;width:200px}}@media screen and (max-width:1200px){flex-direction:row;flex-wrap:wrap;margin-left:0;width:90%;div{margin:1rem}}}.app__header-img{align-items:flex-end;display:flex;flex:0.75 1;height:100%;justify-content:flex-end;position:relative;img{object-fit:contain;width:100%;z-index:1}.overlay-circle{bottom:0;height:90%;left:0;position:absolute;right:0;width:100%;z-index:0}@media screen and (max-width:1200px){margin-bottom:2rem;margin-left:0;margin-right:0;margin-top:2rem}}.Project-Head{font-size:40px;margin-bottom:50px;text-align:center;text-decoration:underline;@media screen and (max-width:1100px){font-size:30px}}.app__project{flex-wrap:wrap;justify-content:center;margin-top:2rem}.app__project,.app__project-item{align-items:flex-start;display:flex}.app__project-item{background-color:var(--primary-color);border-radius:10px;box-shadow:0 5px 15px #00000059;flex-direction:column;justify-content:flex-start;margin:2rem;padding:30px;text-align:center;transition:all .2s ease;width:450px;@media screen and (max-width:700px){width:400px}@media screen and (max-width:650px){padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px;width:300px}@media screen and (max-width:550px){padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:10px;width:320px}&:hover{background-color:#000;color:#fff;.project-btn>a>button{background-color:#fff;border:2px solid #000;color:#000;font-weight:500}}h2{margin:10px auto 5px;@media screen and (max-width:700px){font-size:18px}@media screen and (max-width:650px){font-size:18px}@media screen and (max-width:550px){font-size:18px}}img{border-radius:10px;height:225px;object-fit:cover;width:100%;@media screen and (max-width:700px){height:175px}@media screen and (max-width:650px){height:145px}@media screen and (max-width:550px){height:100px}.app_desc{@media screen and (max-width:700px){font-size:15px}@media screen and (max-width:650px){font-size:15px}@media screen and (max-width:550px){font-size:13px}}}.app_tech-stack{font-size:17px;font-weight:700;margin:15px auto;@media screen and (max-width:700px){font-size:16px}@media screen and (max-width:650px){font-size:16px}@media screen and (max-width:550px){font-size:14px}}}.project-btn{display:flex;gap:30px;justify-content:center;margin:auto;width:100%;button{background-color:#000;border:2px solid #000;border-radius:7px;color:var(--white-color);cursor:pointer;font-size:17px;font-weight:500;letter-spacing:.7px;padding:7px 15px;transition:all .3s ease;@media screen and (max-width:550px){font-size:15px;font-weight:300;padding-bottom:3px;padding-left:7px;padding-right:7px;padding-top:3px}}}.app__navbar{--webkit-backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border:1px solid #ffffff2e;justify-content:space-between;padding:1rem 2rem;position:fixed;width:100%;z-index:2}.app__navbar,.app__navbar-logo{align-items:center;display:flex}.app__navbar-logo{justify-content:flex-start;a{color:#000;font-size:30px;text-decoration:none}}.app__navbar-links{align-items:center;display:flex;flex:1 1;justify-content:center;list-style:none;li{cursor:pointer;flex-direction:column;margin:0 1rem;div{background:#0000;border-radius:50%;height:5px;margin-bottom:5px;width:5px}a{color:#000;flex-direction:column;font-size:18px;font-weight:500;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;&:hover{color:var(--secondary-color)}}&:hover{div{background-color:var(--secondary-color)}}}@media screen and (max-width:900px){display:none}}.app__nav-btn{background-color:#000;border:none;border-radius:5px;color:#f8f7f7;cursor:pointer;font-size:16px;font-weight:500;padding:10px 15px;transition:all .3s ease;&:hover{background-color:#fff;border:2px solid #000;color:#000;font-weight:600}@media screen and (max-width:900px){display:none}}.app__navbar-menu{align-items:center;background:#000;border-radius:50%;display:flex;height:35px;justify-content:center;position:relative;width:35px;svg{color:var(--white-color);height:70%;width:70%}div{align-items:flex-end;background:url(/static/media/bgWhite.79658cadae50b3b16ee5.png);background-color:var(--white-color);background-repeat:repeat;background-size:cover;bottom:0;box-shadow:0 0 20px #a8a8a826;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;padding:1rem;position:fixed;right:0;top:0;width:80%;z-index:5;svg{color:#000;height:35px;margin:.5rem 1rem;width:35px}ul{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;list-style:none;margin:0;padding:0;width:100%;li{margin:1rem;a{color:#000;font-size:1rem;font-weight:500;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;&:hover{color:var(--secondary-color)}}}}@media screen and (min-width:900px){display:none}}@media screen and (min-width:900px){display:none}}.app{background-color:var(--primary-color);font-family:var(--font-base)}.app__whitebg{background-color:var(--white-color)}.app__primarybg{background-color:var(--primary-color)}.app__container{display:flex;flex-direction:row;min-height:100vh;width:100%}.app__flex{align-items:center;display:flex;justify-content:center}.app__wrapper{flex:1 1;padding:4rem 2rem;@media screen and (max-width:450px){padding-bottom:2rem;padding-left:1rem;padding-right:1rem;padding-top:4rem}}.app__wrapper,.copyright{flex-direction:column;width:100%}.copyright{align-items:flex-end;display:flex;justify-content:flex-end;padding:2rem 0 0;p{color:var(--black-color);text-transform:uppercase}}.head-text{color:var(--black-color);font-size:2.75rem;font-weight:800;text-align:center;text-transform:capitalize;span{color:var(--secondary-color)}@media screen and (min-width:2000px){font-size:4rem}@media screen and (max-width:450px){font-size:2rem}}.p-text{color:var(--gray-color);font-size:.8rem;line-height:1.5;text-align:left;@media screen and (min-width:2000px){font-size:1.75rem}}.bold-text{color:var(--black-color);font-size:1rem;font-weight:800;text-align:left;@media screen and (min-width:2000px){font-size:2rem}@media screen and (max-width:450px){font-size:.9rem}}.app__social{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;div{align-items:center;background-color:var(--white-color);border:1px solid var(--lightGray-color);border-radius:50%;display:flex;height:40px;justify-content:center;margin:.25rem 0;transition:all .3s ease-in-out;width:40px;svg{color:var(--gray-color);height:15px;width:15px}&:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);svg{color:var(--white-color)}}@media screen and (min-width:2000px){height:70px;margin-bottom:.5rem;margin-left:0;margin-right:0;margin-top:.5rem;width:70px;svg{height:30px;width:30px}}}}.app__navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem;.app__navigation-dot{background-color:#cbcbcb;border-radius:50%;height:10px;margin:.5rem;transition:background-color .2s ease-in-out;width:10px;&:hover{background-color:var(--secondary-color)}@media screen and (min-width:2000px){height:20px;width:20px}}}@media screen and (max-width:500px){.app__navigation,.app__social{display:none}.copyright{padding:2rem}}:root{--bg-color:#141414;--card-color:#171717}.skills_cards__vZcR4:hover>.skills_card__C6S3a>.skills_cardborder__tUauo{opacity:1}.skills_card__C6S3a{border-radius:10px;cursor:pointer;position:relative}.skills_card__C6S3a:hover:before{opacity:1}.skills_card__C6S3a:before,.skills_card__C6S3a>.skills_cardborder__tUauo{border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%}.skills_card__C6S3a:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),#0000 40%);z-index:3}.skills_card__C6S3a>.skills_cardborder__tUauo{background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),rgba(218,9,208,.438),#0000 40%);z-index:1}.skills_card__C6S3a>.skills_cardcontent__i9jXd{background-color:#fff;border-radius:inherit;height:calc(100% - 2px);margin:1px;position:relative;width:calc(100% - 2px);z-index:2}
/*# sourceMappingURL=main.4b8fd469.css.map*/