@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);.btn-container{align-items:center;background:#0000001a;border:1px solid #0003;border-radius:50px;cursor:pointer;display:inline-flex;justify-content:center;overflow:hidden;padding:8px 16px;position:relative;transition:transform .3s ease-out}.btn-container:hover{transform:scale(1.1)}.btn-container .btn-text{color:#000;font-size:16px;font-weight:500;position:relative;transition:color .3s ease-in-out;z-index:2}.btn-container .btn-bg{background:#fff;border-radius:50px;inset:0;opacity:0;position:absolute;transform:translateX(45%) scale(0);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.btn-container .btn-icon{align-items:center;display:flex;justify-content:center;margin-left:8px;position:relative;z-index:2}.btn-container .btn-icon .icon-default,.btn-container .btn-icon .icon-hover{color:#000;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.btn-container .btn-icon .icon-hover{opacity:0;position:absolute;transform:translateX(-10px)}.btn-container:hover .btn-bg{opacity:1;transform:translateX(0) scale(1)}.btn-container:hover .btn-text{color:#000}.btn-container:hover .icon-default{opacity:0;transform:translateX(10px)}.btn-container:hover .icon-hover{opacity:1;transform:translateX(0)}@media(max-width:400px){.btn-container{padding:6px 12px}.btn-container .btn-text{font-size:14px}.btn-container .btn-icon{margin-left:6px}}.hero-container{color:#3d0301;height:100vh;position:sticky;top:0;width:100%}.hero-container .hero-content{display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding-left:150px;position:relative;width:100%;z-index:50}.hero-container .hero-content h1{font-size:128px;font-weight:700;line-height:1.2}.hero-container .hero-content h2{color:#b03052;font-size:88px;font-weight:700}.hero-container .hero-content h2 .typewrite-line{font-weight:200}.hero-container .hero-content .btns-cont{align-items:center;display:flex;gap:20px;justify-content:flex-start}@media(max-width:1024px){.hero-container .hero-content{padding-left:50px}.hero-container .hero-content h1{font-size:96px}.hero-container .hero-content h2{font-size:72px}}@media(max-width:768px){.hero-container .hero-content{padding-left:20px}.hero-container .hero-content h1{font-size:72px}.hero-container .hero-content h2{font-size:56px}}@media(max-width:400px){.hero-container .hero-content{padding:10px}.hero-container .hero-content h1{font-size:56px}.hero-container .hero-content h2{font-size:40px}}.navbar{padding:36px 0 0 56px;position:fixed;width:100%;z-index:100}.navbar .navbar-logo{color:#3d0301;font-family:Poppins,sans-serif;font-size:48px;font-weight:600}.navbar .navbar-logo .grey{color:#b03052}@media(max-width:768px){.navbar{padding:20px}}@media(max-width:400px){.navbar{padding:10px}.navbar .navbar-logo{font-size:32px}}.social-links{align-items:center;bottom:0;display:flex;flex-direction:column;gap:15px;position:fixed;right:50px;z-index:100}.social-links a{color:gray;font-size:32px}.social-links a:hover{color:#3d0301;transform:scale(1.1)}.social-links .dotted-line{border-left:2px dotted gray;height:70px;margin-top:5px;width:0}@media(max-width:768px){.social-links{bottom:10px;right:20px}.social-links a{font-size:28px}.social-links .dotted-line{height:50px}}@media(max-width:400px){.social-links{bottom:5px;right:10px}.social-links a{font-size:24px}.social-links .dotted-line{height:40px}}.skill-icons{align-items:center;background-color:#ebe8db;background-image:url(/static/media/image1.dfde81134913108e3115.svg);background-position:50% 80%;background-repeat:no-repeat;background-size:cover;color:#000;display:flex;flex-direction:column;height:100dvh;justify-content:center;padding:0 25vw;position:sticky;text-align:center;top:0;width:100%;z-index:1}.skill-icons h1{color:#3d0301;font-size:96px}.skill-icons h2{color:#3d0301;font-weight:300;margin-bottom:80px}.skill-icons .skill-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.skill-icons .skill-container .skill{align-items:center;background-color:#fff;border:1px solid #e09ba9;border-radius:8px;box-shadow:2px 2px 6px #0000001a;display:flex;gap:8px;padding:5px 16px;transition:all .2s ease-in-out}.skill-icons .skill-container .skill .icon{font-size:20px}.skill-icons .skill-container .skill:hover{background-color:#f3f0f0;transform:scale(1.1)}.skill-icons .skill-container .skill:hover .icon{transform:scale(1.1)}.skill-icons .skill-container .skill .name{font-weight:600}@media(max-width:1024px){.skill-icons{padding:0 15vw}}@media(max-width:768px){.skill-icons{padding:0 5vw}.skill-icons h1{font-size:56px}.skill-icons h2{font-size:24px}}@media(max-width:400px){.skill-icons{padding:48px 2vw 0}.skill-icons h1{font-size:48px}.skill-icons h2{font-size:20px;margin-bottom:40px}}*{box-sizing:border-box;cursor:none;margin:0;padding:0;transition:all .25s ease-in-out}body{background-color:#ebe8db;font-family:Poppins,sans-serif;height:100dvh;overflow-x:hidden;width:100%}.App{margin:0 auto;position:relative}canvas{height:100%;left:0;top:0;width:100%;z-index:-1}.cursor,canvas{pointer-events:none;position:fixed}.cursor{background-clip:content-box;background-color:#000;border:2px solid #000;border-radius:50%;height:7px;padding:8.5px;transform-origin:50% 50%;transition:transform 0s ease-out;width:7px;z-index:200}.cursor.touch-screen{display:none}.spacerdiv{display:block}@media(max-width:400px){body,html{min-height:101vh;overflow-y:scroll}.spacerdiv{background-color:#ebe8db;height:20vh}}.contact-section{align-items:center;display:flex;flex-direction:column;gap:20px;height:100dvh;justify-content:center;padding:0 25vw;position:sticky;text-align:center;top:0;width:100%;z-index:3}.contact-section h1{color:#3d0301;font-size:96px}.contact-section h2{color:#3d0301;font-weight:300}.contact-section .contact-form{display:flex;flex-direction:column;gap:16px;max-width:500px;width:100%}.contact-section .contact-form input,.contact-section .contact-form textarea{background-color:#fff;border:1px solid #e09ba9;border-radius:8px;font-size:16px;padding:12px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;width:100%}.contact-section .contact-form input:hover,.contact-section .contact-form textarea:hover{box-shadow:0 0 5px #d76c8280;transform:scale(1.05)}.contact-section .contact-form input:focus,.contact-section .contact-form textarea:focus{border-color:#d76c82;box-shadow:0 0 10px #d76c82b3;outline:none}.contact-section .contact-form textarea{min-height:120px;resize:vertical}.contact-section .contact-form .connect-btn{background:none;border:none}.wave-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}@media(max-width:1024px){.contact-section{padding:0 15vw}}@media(max-width:768px){.contact-section{padding:0 5vw}.contact-section h1{font-size:56px}.contact-section h2{font-size:24px}}@media(max-width:400px){.contact-section{padding:0 2vw}.contact-section h1{font-size:48px}.contact-section h2{font-size:20px}}
/*# sourceMappingURL=main.79fd01be.css.map*/