@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,500;0,600;0,700;1,200;1,400;1,500;1,600;1,700&family=Varela+Round&display=swap);::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:#ffddd2}::-webkit-scrollbar-thumb{background:#e0ffff;border:1px solid #000;border-radius:20px;box-shadow:10px -20px 30px 0 #6b9832}::-webkit-scrollbar-thumb:hover{background-color:#ffddd2;border:1px solid #000}.app__navbar{background-color:#ffddd2;border:4px solid #000;border-radius:20px;box-shadow:0 5px 20px 1px #fff;justify-content:space-between;margin:0;padding:1rem 3rem}.app__navbar,.app__navbar-logo{align-items:center;display:flex}.app__navbar-logo{justify-content:flex-start}.app__navbar-logo img{width:120px}.app__navbar-links{align-items:center;display:flex;flex:1 1;justify-content:flex-end;list-style:none}.app__navbar-links li{color:#000;cursor:pointer;margin:0 1rem}.app__navbar-links li:hover{color:#6b300f}.nav__link{font-family:var(--font-base);font-size:20px;font-weight:600;letter-spacing:.04em;line-height:28px;position:relative;text-transform:capitalize}.nav__link a:after{background-color:#6b300f;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:.3s;width:0}.nav__link a:hover:after{width:100%}.app__navbar-smallscreen{display:none}.app__menu-button{background:#6859d1;border-radius:50px;color:#fff;cursor:pointer;font-size:38px;padding:7px}.app__navbar-smallscreen_overlay{background-color:pink;border:4px solid #000;border-radius:20px;height:100%;position:absolute;right:6px;top:14px;transition:.5s ease;width:45%}.app__navbar-smallscreen_overlay .overlay__close{position:absolute;right:45px;top:25px}.app__navbar-smallscreen_links{list-style:none;padding-top:60px}.app__navbar-smallscreen_links li{cursor:pointer;font-family:var(--font-base);font-size:1.5rem;font-weight:600;margin:2rem}.app__navbar-smallscreen_links li a:hover{color:#6859d1}.app__navbar-smallscreen_links a{font-family:var(--font-base);font-size:20px;font-weight:600;letter-spacing:.04em;line-height:28px;position:relative;text-transform:capitalize;z-index:99}.app__navbar-smallscreen_links a:after{background-color:#6859d1;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:.3s;width:0}.app__navbar-smallscreen_links a:hover:after{width:100%}@media screen and (min-width:2000px){.app__navbar-logo img{width:210px}.app__navbar-links li{font-size:28px}}@media screen and (max-width:1150px){.app__navbar-links{display:none}.app__navbar-smallscreen{display:flex}}@media screen and (max-width:650px){.app__navbar{padding:1rem}.app__navbar-logo img{width:110px}.app__navbar-smallscreen_overlay{width:60%}}@media screen and (min-width:200px){body{margin:14px 0}}.app__header-h1{font-family:var(--font-alt);font-size:4.5rem;letter-spacing:.01em;text-transform:capitalize}.app__header-h1 span{color:#6b300f;font-size:5.5rem}.app__header-h2{font-size:32px;text-transform:capitalize}.app__header-h2,.p__header{font-family:var(--font-alt);font-weight:500}.p__header{font-size:1rem;letter-spacing:.02em;line-height:26px;margin:2rem 0}.custom__button{align-items:center;background-color:#6a59d1;border:none;border-radius:10px;box-shadow:0 5px 10px 0 #6a59d1;color:#fff;cursor:pointer;display:flex;font-family:var(--font-alt);font-size:18px;padding:1rem}.icon__button{color:#fff;font-size:26px}.app__wrapper{align-items:center;background-color:#e0ffff;border:4px solid #000;border-radius:20px;display:flex;justify-content:space-between;margin-top:1.5rem;min-height:100vh}.app__wrapper_info{align-items:flex-start;flex:1 1;flex-direction:column}.app__wrapper_img,.app__wrapper_info{display:flex;justify-content:center;width:100%}.app__wrapper_img{align-items:center;flex:1 1;margin-left:2rem;margin-top:3rem}.app__wrapper_img img{border:2px solid #000;border-radius:100%;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);width:75%}.section__padding{padding:4rem 6rem}@media screen and (min-width:2000px){.app__header-h1{font-size:5rem}.app__header-h1 span{font-size:6rem}.app__header-h2{font-size:3rem}.p__header{letter-spacing:.03rem;line-height:36px;margin-bottom:3rem}.custom__button,.p__header{font-size:1.5rem}}@media screen and (max-width:1150px){.app__wrapper{flex-direction:column}.app__header-h1{font-size:4rem}.app__header-h1 span{font-size:5.5rem}.app__header-h2{font-size:2rem}.p__header{margin-bottom:2.5rem}}@media screen and (max-width:700px){.app__header-h1{font-size:3rem}.app__header-h1 span{font-size:3.5rem}.app__header-h2{font-size:1.5rem}.p__header{margin-bottom:2rem}.section__padding{padding:3rem}}@media screen and (max-width:450px){.app__header-h1{font-size:2.5rem}.app__header-h1 span{font-size:3rem}.p__header{font-size:1rem;margin-bottom:2.5rem}.section__padding{padding:2rem}}.Skills__wrapper{border:4px solid #000;border-radius:20px;margin-top:1.5rem}.Skills__padding{font-family:var(--font-alt);padding:4rem 6rem}.Skills__heading{font-weight:700;font-weight:60px;margin-bottom:40px}.icon__box{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.icon__size{border-radius:10px;height:80px;width:80px}.icon__text{font-size:20px;font-weight:700}.grid__container{grid-gap:35px;display:grid;grid-template-columns:repeat(6,1fr)}@media screen and (max-width:1150px){.grid__container{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:900px){.grid__container{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:600px){.Skills__padding{padding:1rem}.grid__container{grid-template-columns:repeat(2,1fr)}.icon__size{height:60px;width:60px}}.work__wrapper{border:4px solid #000;border-radius:20px;font-family:var(--font-alt);margin-top:1.5rem;min-height:100vh}.w-h1{margin-bottom:40px}.container{margin:20px 10px;position:relative}.container .card{background:#232323;border-radius:20px;height:400px;overflow:hidden;position:relative;width:250px}.container .card:before{background:#9bdc28;-webkit-clip-path:circle(150px at 80% 20%);clip-path:circle(150px at 80% 20%);content:"";height:100%;left:0;position:absolute;top:0;transition:.5s ease-in-out;width:100%}.container .card:hover:before{-webkit-clip-path:circle(300px at 80% -20%);clip-path:circle(300px at 80% -20%)}.container .card:after{color:rgba(255,255,25,.05);content:"";font-size:12em;font-style:italic;font-weight:800;left:-20%;position:absolute;top:30%}.container .card .imgBx{height:220px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.5s;width:100%;z-index:10000}.container .card:hover .imgBx{top:0;-webkit-transform:translateY(0);transform:translateY(0)}.container .card .imgBx img{border-radius:20px;left:45%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-5deg);transform:translate(-50%,-50%) rotate(-5deg);width:180px}.container .card .contentBx{bottom:0;height:100px;position:absolute;text-align:center;transition:1s;width:100%;z-index:10}.container .card:hover .contentBx{height:210px}.container .card .contentBx h2{color:#fff;font-size:20px;font-weight:500;margin:32px 10px 10px;position:relative}.container .card:hover .contentBx{opacity:1;transition-delay:.5s;visibility:visible}.container .card:hover .contentBx .color{opacity:1;transition-delay:.6s;visibility:visible}.container .card .contentBx a{background:#fff;border-radius:4px;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);color:#111;display:inline-block;font-weight:600;margin:10px;opacity:0;padding:10px 20px;text-decoration:none;-webkit-transform:translateY(50px);transform:translateY(50px);transition:.5s}.container .card:hover .contentBx a{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition-delay:.75s}.ic{font-size:25px}.project__Layout{display:grid;grid-template-columns:auto auto auto auto}@media screen and (max-width:1270px){.project__Layout{grid-template-columns:auto auto auto}}@media screen and (max-width:1000px){.project__Layout{grid-template-columns:auto auto}}@media screen and (max-width:750px){.project__Layout{grid-template-columns:auto}}@media screen and (max-width:500px){.container{margin:15px -10px}}.Blog__wrapper{background-color:#e0ffff;border:4px solid #000;border-radius:20px;margin-top:1.5rem;min-height:100vh}.Blog__heading{font-weight:700;font-weight:60px;margin-bottom:40px}.Blog__padding{font-family:var(--font-alt);padding:4rem 6rem}.blog__box{cursor:pointer;width:400px}.blog__box img{border-radius:10px;margin:5px;width:300px}.blogbox__wrap{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:1000px){.blogbox__wrap{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:700px){.Blog__padding{padding:2.5rem}.blog__box img{width:200px}}@media screen and (max-width:500px){.Blog__padding{padding:1rem}.blog__text__title{font-size:16px;width:300px}.blog__para{width:250px}.blog__box{width:100px}}.contact__wrapper{background-color:#ffddd2;border:4px solid #000;border-radius:20px;margin-top:1.5rem}.contact__heading{font-size:20px;font-weight:700;font-weight:60px;margin-bottom:40px}.contact__padding{font-family:var(--font-alt);padding:2rem}.contact__box img{border-radius:100%;margin:1px;width:40px}.social__wrap{display:flex}@media screen and (max-width:700px){.contact__padding{padding:1.5rem}.contact__box img{width:35px}.contact__heading{font-size:16px}}@media screen and (max-width:450px){.contact__padding{padding:1rem}.contact__box img{width:30px}.contact__heading{font-size:16px}}:root{--font-base:"Varela Round",sans-serif;--font-alt:"Poppins",sans-serif}*{box-sizing:border-box;margin:0 5px;padding:0;scroll-behavior:smooth}a{color:inherit;text-decoration:none}.slide-bottom{-webkit-animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-bottom{0%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-bottom{0%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:1150px){*{margin:0 2px}}
/*# sourceMappingURL=main.464bc984.css.map*/