@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:#222;color:#f5f5f5;font-family:"Poppins",sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none!important;color:#f5f5f5!important}::selection{background-color:#007ced;color:#fff}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.jbutton{display:inline-flex;align-items:center;justify-content:center;background-color:#3c4043;font-family:"Poppins",sans-serif;color:#fff;font-size:.9em;font-weight:400;line-height:1.5;padding:6px 20px;border:2px solid #f5f5f8;border-radius:20px;letter-spacing:.4px;text-decoration:none;white-space:nowrap;transition:.3s;margin:2px 0}.jbutton:hover{color:#3c4043!important;background-color:#f5f5f5;border:2px solid #f5f5f5;cursor:pointer}.jbutton:disabled{opacity:.7;cursor:progress}.footer-icons a:focus-visible,.jbutton:focus-visible,.jbuttonPremium:focus-visible{outline:2px solid #007ced;outline-offset:3px}.jsectionHead{font-size:35px;line-height:1.3;margin-top:0}.jsectionHead,.jsectionSubHead{letter-spacing:.5px;font-weight:600;margin-bottom:0}.jsectionSubHead{font-size:20px}.jinput{width:100%;padding:12px 18px;background-color:#3c4043;border:2px solid #007ced;border-radius:20px;color:#fff;font-family:"Poppins",sans-serif;font-size:15px;transition:border-color .3s,box-shadow .3s}textarea.jinput{resize:vertical;min-height:140px}.jinput:focus{outline:none;border-color:#4ba3ff;box-shadow:0 0 0 3px rgba(0,124,237,.3)}.jinput::-webkit-input-placeholder{font-size:15px;font-family:"Poppins",sans-serif;color:#ddd;font-weight:400}.jinput:-ms-input-placeholder{font-size:15px;font-family:"Poppins",sans-serif;color:#ddd;font-weight:400}.jinput::placeholder{font-size:15px;font-family:"Poppins",sans-serif;color:#ddd;font-weight:400}@media only screen and (max-width:600px){.jbutton{font-size:.8em}.jsectionHead{font-size:26px}}.about-me{padding:5% 0;scroll-margin-top:20px}.aboutme-content>div{margin:20px;width:auto}.abt-right{text-align:center;height:100%;display:flex;align-items:center;justify-content:center}.abt-left-content{margin-bottom:8px}.abt-left-content p{margin:0;color:#ddd}.abt-left-content b,.skill-label{color:#f5f5f5}.abt-right img{width:68%;max-width:420px;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.35)}.skill-label{font-weight:600}@media only screen and (max-width:899.95px){.abt-right{margin-top:32px}.abt-right img{width:80%}}@media only screen and (max-width:600px){.about-me{padding:40px 0}.abt-right img{width:100%}.aboutme-content>div{margin:0}}section.banner-section{min-height:500px;display:flex;align-items:center;padding-top:40px}.Typewriter{font-weight:300;color:#aaa;font-size:17px}.banner-left{display:flex;justify-content:flex-end}.banner-left .image-container{width:50%;max-width:320px;aspect-ratio:1/1;position:relative;border-radius:100%;border:20px solid #3c4043;margin-right:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.35)}@supports not (aspect-ratio:1/1){.banner-left .image-container{padding-bottom:50%}}.banner-left .image-container img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;-webkit-transform:scale(1.2);transform:scale(1.2)}.banner-right{height:100%;display:flex;flex-direction:column;justify-content:center}.banner-right h1{font-size:2.1em;line-height:1.3;margin:0;font-weight:600}.banner-right p{font-weight:300;font-size:16px;width:80%;letter-spacing:.3px;word-spacing:1px}.jbuttonPremium{display:inline-flex;align-items:center;justify-content:center;background-color:#3c4043;font-family:"Poppins",sans-serif;color:#fff;font-size:.9em;font-weight:400;line-height:1.5;padding:6px 20px;border:2px solid #007ced;border-radius:20px;letter-spacing:.4px;white-space:nowrap;transition:.3s;margin:2px 0}.jbuttonPremium:hover{color:#f5f5f5!important;background-color:#007ced;border:2px solid #007ced;cursor:pointer}.banner-right-btns{display:flex;flex-wrap:wrap;grid-gap:12px;gap:12px}@media only screen and (max-width:899.95px){section.banner-section{text-align:center;padding:60px 0 20px}.banner-left{justify-content:center;margin-bottom:24px}.banner-left .image-container{width:60%;max-width:280px;margin-right:0}.banner-right p{width:100%;max-width:600px;margin-left:auto;margin-right:auto}.banner-right-btns{justify-content:center}}@media only screen and (max-width:600px){section.banner-section{padding-top:40px}.banner-left .image-container{width:70%;border-width:14px}.banner-right h1{font-size:1.5em}.banner-right p{font-size:15px}.jbuttonPremium{font-size:.8em}}.contactform{display:flex;flex-direction:column;width:60%;max-width:640px;margin:24px auto 0;grid-gap:14px;gap:14px}.contactButton{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding-top:8px;padding-bottom:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media only screen and (max-width:899.95px){.contactform{width:80%}}@media only screen and (max-width:600px){.contactform{width:100%}}.contact-section{padding:5% 0;scroll-margin-top:20px}@media only screen and (max-width:600px){.contact-section{padding:40px 0}}.projects-section{padding-top:5%;scroll-margin-top:20px}.projects-head{margin-bottom:12px}.project-boxes .swiper{padding-bottom:48px;--swiper-theme-color:#007ced;--swiper-pagination-bullet-inactive-color:#aaa}.project-boxes .swiper-slide{height:auto;display:flex}.project-box{display:flex;flex-direction:column;width:100%;padding:8px;margin:12px;background-color:#3c4043;border-radius:15px;cursor:grab;transition:box-shadow .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s}.project-box:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.35)}.project-box img{width:100%;height:300px;object-fit:cover;border-radius:15px}.project-box-body{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;padding:0 15px 15px}.project-box-body>h2{font-size:1.5rem;line-height:1.3;margin:20px 0 8px}.project-box-body>p{color:#ddd;margin:0 0 16px;flex-grow:1}@media only screen and (max-width:600px){.project-box{margin:8px 4px}.project-box-body{padding:0 8px 12px}.project-box-body>h2{font-size:1.1rem;margin-top:14px}.project-box img{height:194px}}.project-content{display:flex;align-items:flex-start}.project-detail-page{padding-top:60px}.project-content>div{margin:10px}.back-link{display:inline-block;margin-bottom:20px;font-size:15px;opacity:.8;transition:opacity .3s}.back-link:hover{opacity:1}.project-left .jsectionHead{margin-bottom:20px}.project-right h2{margin-top:28px;margin-bottom:8px}.project-right p{margin-top:0;color:#ddd;max-width:900px;white-space:normal}.project-more-content h2{margin-bottom:8px}.project-more-content li{color:#ddd;margin-bottom:4px}.tech-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.project-more-content .tech-list li{margin:0;padding:2px 14px;font-size:14px;border:1px solid #555;border-radius:20px;background-color:#3c4043;color:#f5f5f5}.extra-image{margin:20px}.extra-image img{width:100%;border-radius:10px}.links-btn{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;justify-content:center;padding:40px 0}.project-image{width:80%;max-width:900px}.project-image img{border-radius:12px}.project-not-found{min-height:50vh;display:flex;flex-direction:column;align-items:flex-start;grid-gap:20px;gap:20px}@media only screen and (max-width:600px){.project-detail-page{padding-top:32px}.project-image{width:100%}.links-btn{flex-direction:column;align-items:stretch;max-width:260px;margin:0 auto}.links-btn>a{text-align:center}.extra-image{margin:12px 0}}footer{padding:32px 16px 24px;margin-top:40px;border-top:1px solid #3c4043}.footer-icons{display:flex;justify-content:center;grid-gap:20px;gap:20px;margin:12px 0}.footer-icons a{display:inline-flex;border-radius:6px;transition:color .3s,-webkit-transform .3s;transition:transform .3s,color .3s;transition:transform .3s,color .3s,-webkit-transform .3s}.footer-icons a:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);color:#007ced!important}.footer-icons svg{font-size:30px}footer h2{margin-top:0}.copyright{margin:0;font-size:13px;color:#aaa}@media only screen and (max-width:600px){.copyright{font-size:11px}}
/*# sourceMappingURL=main.9442cac2.chunk.css.map */