@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";*{margin:0;box-sizing:border-box;padding:0}body{--circle-size: 500px;--animation-duration: 10s;--blur-radius: 500px;font-size:15px;min-height:100vh;background-image:linear-gradient(to right,transparent 0 49px,#eeeeee 49px),linear-gradient(to bottom,transparent 0 49px,rgb(238,238,238) 49px);background-size:50px 50px}body:before{position:fixed;width:var(--circle-size);height:var(--circle-size);content:"";background-image:linear-gradient(to right,#d02e23,#7a43b6);z-index:-1;border-radius:50%;pointer-events:none;filter:blur(250px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:moveCircle var(--animation-duration) infinite;animation:moveCircle linear forwards;animation-timeline:scroll();top:0;left:0;transition:transform .1s linear}@keyframes moveCircle{0%{transform:translate(0)}25%{transform:translate(100vw,100vh)}50%{transform:translateY(100vh)}75%{transform:translate(100vw,100vh)}to{transform:translateY(100vh)}}html{scroll-behavior:smooth}html body{font-family:Poppins,sans-serif}html body .container{margin:2em}html body section{padding:5vh 0;margin:2rem auto;box-sizing:border-box;min-height:-moz-fit-content;min-height:fit-content}html body p{color:#555}ul{list-style-type:none}a{text-decoration:none;color:inherit!important;text-decoration-color:#fff}a:hover{color:gray!important;text-decoration:underline;text-underline-offset:1rem;text-decoration-color:#b5b5b5}@media only screen and (min-width: 1180px){.container{margin:0 auto!important;padding:0 2em;max-width:1200px}}.about{--circle-size: 500px;--animation-duration: 10s;--blur-radius: 500px;margin:2rem auto}.about .heading{text-align:center;margin-bottom:2rem}.about .about-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.about .about-container .about-img{max-width:200px;max-height:200px;border-radius:4vw}.about .about-container .content-container{display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;gap:1rem}.about .about-container .content-container .about-content{padding:1rem;flex:1;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;border:1px solid rgba(255,255,255,.3);text-align:center}.about .about-container .content-container .about-content .icon{max-width:2rem}.about:before{position:fixed;width:var(--circle-size);height:var(--circle-size);content:"";z-index:-1;border-radius:50% 50% 0% 0%;pointer-events:none;filter:blur(250px);-webkit-backdrop-filter:blur(250px);backdrop-filter:blur(250px);animation:moveCircle var(--animation-duration) cubic-bezier(.42,0,.58,1) infinite}@keyframes moveCircle{0%{transform:translate(0)}25%{transform:translate(calc(100vw - var(--circle-size)))}50%{transform:translate(calc(100vw - var(--circle-size)),calc(100vh - var(--circle-size)))}75%{transform:translateY(calc(100vh - var(--circle-size)))}to{transform:translate(0)}}.text-container{text-align:justify;padding-top:1em;max-width:500px}@media only screen and (min-width: 620px){.about .heading h2{font-size:2.5rem}.about .about-container .about-img{max-width:350px;max-height:350px}.about .about-container .content-container{flex-direction:column}}@media only screen and (min-width: 1000px){.about .heading h2{font-size:3rem!important}.about .about-container{flex-direction:row}.about .about-container .about-img{max-width:400px;max-height:400px}.about .about-container .content-container{flex-direction:row!important}}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center}.color{color:#000!important}.contact-info-upper-container{display:flex;justify-content:center;border-radius:2rem;border:rgb(53,53,53) .1rem solid;border:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#ffffff4d,#ffffff1a);margin:2rem auto;padding:.5rem}.contact-info-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem}.contact-info-container p{font-size:larger}.contact-icon{cursor:default}.email-icon{height:2.5rem}footer{height:26vh;margin:0 1rem}footer p{text-align:center}@media only screen and (max-width: 620px){.contact-info-upper-container{flex-direction:column;padding-left:2rem;padding-right:2rem;align-items:center}}footer{height:auto;margin:0 1rem;padding:1.5rem 0}footer p{text-align:center;color:#131313;font-size:.9rem;margin:.5rem 0}.footer-nav{display:flex;justify-content:center;align-items:center;gap:1em;margin-bottom:2em;padding:0 .5rem;place-content:center}.footer-nav a{font-size:1rem;color:#131313;font-weight:500;padding:.4rem .8rem;border-radius:.5rem}@media only screen and (min-width: 760px){footer{height:26vh;padding:2rem 0}.footer-nav{gap:2em;padding:0 1rem}.footer-nav a{font-size:1.1rem;padding:.5rem 1rem}}.header{display:flex;justify-content:space-between;align-items:center;background:#ffffff4c;-webkit-backdrop-filter:blur(250px);backdrop-filter:blur(250px);margin-top:1rem;border-radius:16px;padding:1rem 1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.header .header-left{font-size:1.8rem;font-weight:700;margin:8px 0}.header nav{position:relative}.header nav .menu-toggle{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.header nav .menu-toggle img{width:24px;height:24px;transition:transform .3s ease}.header nav .menu-toggle:hover img{transform:scale(1.1)}.header nav .show{display:block;transform:translate(0);transition:transform .3s ease-in-out}.header nav .hide{display:none;transform:translate(100%);transition:transform .3s ease-in-out}.header nav ul{background-color:#000000e6;color:#fff!important;position:fixed;z-index:999;top:0;right:0;height:100vh;width:70%;margin:0;list-style:none;text-align:right;padding:2em;transform:translate(100%);transition:transform .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header nav ul li{margin:1.5em 0;opacity:0;transform:translate(20px);transition:all .3s ease}.header nav ul li a{font-size:1.3rem;color:#fff!important;display:block;padding:.5rem 0;border-radius:.5rem;padding:.5rem 1rem}@media only screen and (min-width: 760px){.header{padding:1rem 2rem}.header .header-left{font-size:2rem}.header nav .hide-desktop{display:none}.header nav .hide{transform:none!important}.header nav ul{transform:none!important;position:static!important;background-color:transparent!important;display:flex!important;gap:2em;width:auto!important;height:auto!important;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.header nav ul li{margin:0!important;opacity:1;transform:none}.header nav ul li a{font-size:1.1rem!important;color:#131313!important;font-weight:500}}.hero{max-height:508px;margin-bottom:2rem}.hero .pic-container{display:flex;align-items:end;margin:0 auto}.hero .pic-container img{width:200px;height:200px;margin:0 auto}.hero .text{text-align:center;padding:1rem}.hero .text .text-p1{font-weight:600}.hero .text .title{font-size:2rem;text-align:center;line-height:1.2}.hero .text .text-p2{font-weight:600;font-size:1.75rem;margin-bottom:1rem}.hero .text .btn-container{display:flex;justify-content:center;gap:1rem}.hero .text .btn-container .btn{font-weight:600;transition:all .3s ease;padding:1rem;width:8rem;border-radius:2rem}.hero .text .btn-container .btn-color-1{border:rgb(53,53,53) .1rem solid;background:#353535;color:#fff}.hero .text .btn-container .btn-color-1:hover{cursor:pointer;background:#000}.hero .text .btn-container .btn-color-2{border:rgb(53,53,53) .1rem solid!important;background:none}.hero .text .btn-container .btn-color-2:hover{cursor:pointer;background:#353535;color:#fff;border:rgb(255,255,255) .1rem solid}.hero .text .social-container{display:flex;justify-content:center;margin-top:1rem;gap:1rem}.hero .text .social-container .icon{cursor:pointer;height:2rem}@media only screen and (min-width: 1180px){.hero{display:flex;align-items:center;justify-content:space-around;gap:2rem}.hero .pic-container{margin:0}.hero .pic-container img{width:400px!important;height:400px!important}.hero .pic-container .text{display:flex;align-items:baseline}.hero .pic-container .text .title{font-size:3rem}}@media only screen and (min-width: 760px){.hero{display:flex;align-items:center;justify-content:center;gap:2rem}.hero .pic-container{margin:0}.hero .pic-container img{width:400px!important;height:400px!important}}.projects .heading{text-align:center}.projects .heading .title{font-size:2rem}.projects .project-container{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;margin-top:2rem}.projects .project-container .project-card{padding:1.5rem;flex:1 1 calc(50% - 2rem);max-width:calc(50% - 2rem);background:#fff;border-radius:2rem;border:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#ffffff4d,#ffffff1a);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);text-align:center}.projects .project-container .project-card .img-container{display:flex;text-align:initial;flex-wrap:wrap;flex-direction:row;gap:2.5rem;justify-content:space-around}.projects .project-container .project-card .img-container .project-img{width:90%;height:90%}.projects .project-container .project-card h2{color:#555;font-weight:600;font-size:1.75rem;margin:1rem;color:#000}.projects .project-container .project-card h2 span{font-size:.8rem}.projects .project-container .project-card .btn-container{display:flex;justify-content:center;gap:1rem}.projects .project-container .project-card .btn-container .btn{font-weight:600;transition:all .3s ease;padding:1rem;width:8rem;border-radius:2rem;border:rgb(53,53,53) .1rem solid;background:none}.projects .project-container .project-card .btn-container .btn a{color:#000!important}.projects .project-container .project-card .btn-container .btn:hover{cursor:pointer;background:#353535;color:#fff;border:rgb(255,255,255) .1rem solid}@media only screen and (max-width: 1179px){.project-container .project-card{flex:1 1 calc(50% - 2rem);max-width:calc(50% - 2rem)}}@media only screen and (max-width: 999px){.project-container .project-card{flex:1 1 calc(100% - 2rem);max-width:calc(100% - 2rem)}}@media only screen and (max-width: 899px){.projects .heading .title{font-size:1.75rem}.projects .project-container{gap:1.5rem}.projects .project-container .project-card{padding:1.25rem}.projects .project-container .project-card .img-container .project-img{width:100%;height:auto}.projects .project-container .project-card h2{font-size:1.5rem}.projects .project-container .project-card .btn-container{flex-direction:column}.projects .project-container .project-card .btn-container .btn{width:100%;margin-bottom:.5rem}}@media only screen and (max-width: 759px){.projects .heading .title{font-size:1.5rem}.projects .project-container{gap:1rem}.projects .project-container .project-card{flex:1 1 100%;max-width:100%;padding:1rem}.projects .project-container .project-card .img-container .project-img{width:100%;height:auto}.projects .project-container .project-card h2{font-size:1.25rem}.projects .project-container .project-card .btn-container{flex-direction:column}.projects .project-container .project-card .btn-container .btn{width:100%;margin-bottom:.5rem}}@media only screen and (max-width: 620px){.projects .heading .title{font-size:1.25rem}.projects .project-container .project-card{padding:.75rem}.projects .project-container .project-card .img-container .project-img{width:100%;height:auto}.projects .project-container .project-card h2{font-size:1.1rem}.projects .project-container .project-card .btn-container .btn{font-size:.875rem;padding:.75rem}}.Skills{text-align:center;margin-top:2rem}.Skills .heading .title{font-size:2rem}.Skills .skills-container{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem;margin-top:2rem}.Skills .skills-container .full-stack{padding:1.5rem;flex:1;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border-radius:2rem;border:1px solid rgba(255,255,255,.3);text-align:center}.Skills .skills-container .full-stack h2{color:#555;font-weight:600;font-size:1.75rem;margin-bottom:2rem}.Skills .skills-container .full-stack ul{display:flex;text-align:initial;flex-wrap:wrap;flex-direction:row;gap:2.5rem;justify-content:space-around}.Skills .skills-container .full-stack .skill{display:flex;align-items:start;justify-content:space-around;width:10rem;gap:.5rem}.Skills .skills-container .full-stack .skill img{width:2rem;height:2rem}@media only screen and (min-width: 620px){.Skills{text-align:center;margin-top:2rem}.Skills .heading .title{font-size:3rem}}