.blinking-cursor{animation:blink .7s step-end infinite;background-color:#000;display:inline-block;height:24px;margin-left:2px;width:2px}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:6px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:800px;overflow-y:auto;padding:0;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#353b48,#2d323c);border-radius:6px 6px 0 0;color:#fff;padding:25px 30px;position:relative;text-align:center}.modal-header h2{color:#fff;font-size:28px;font-weight:500;margin:0 0 8px}.modal-header h3{color:#48dbfb;font-size:16px;font-weight:300;letter-spacing:1px;margin:0;text-transform:uppercase}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:32px;font-weight:300;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:25px;top:20px;transition:.3s linear;width:32px}.close-button:focus,.close-button:hover{background-color:#48dbfb1a;color:#48dbfb;outline:none}.modal-body{background-color:#fff;color:#444;padding:30px}.modal-body img{border-radius:6px;box-shadow:0 4px 12px #00000026;display:block;height:auto;margin:0 auto 25px;max-width:100%;width:100%}.modal-body p{color:#444;font-size:16px;line-height:1.7;margin:0 0 20px;text-align:justify}.modal-body p:last-child{margin-top:10px;text-align:center}.modal-body a{border:2px solid #48dbfb;border-radius:6px;color:#48dbfb;display:inline-block;font-weight:500;margin:0 auto;padding:12px 30px;text-align:center;text-decoration:none;transition:.3s linear;width:auto}.modal-body a:hover{background-color:#48dbfb;box-shadow:0 4px 12px #48dbfb4d;color:#fff;transform:translateY(-2px)}.modal-body h4{text-align:center}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1}.modal-content::-webkit-scrollbar-thumb{background-color:#48dbfb;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#35c5e0}*{box-sizing:border-box;font-family:Ubuntu,sans-serif;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth}::selection{background-color:#48dbfb60}::-webkit-scrollbar{background-color:#f1f1f1;width:10px}::-webkit-scrollbar-thumb{background-color:#353b48}.navbar{background-color:initial;padding:30px 0;position:fixed;top:0;transition:.3s linear;width:100%;z-index:999}.inner-width{margin:auto;max-width:1300px;padding:0 40px}.navbar .inner-width{align-items:center;display:flex;justify-content:space-between}.logo{background-image:url(../../static/media/favicon2.fbd8dd731b205eaa25a5.png);background-repeat:no-repeat;background-size:contain;border:1px solid #0000;border-radius:5px;height:40px;width:40px}.logo:hover{background-color:#fff}.menu-toggler{background:none;border:none;cursor:pointer;display:none;outline:none;position:relative;width:30px;z-index:999}.menu-toggler span{background-color:#fff;display:block;height:3px;margin:6px 0;position:relative;transition:.3s linear}.navbar-menu a{border:1px solid #0000;border-radius:5px;color:#fff;font-size:15px;font-weight:500;margin-left:30px;padding:10px;transition:.2s linear}.navbar-menu a:hover{background-color:#fff;color:#48dbfb!important}.sticky{background-color:#f1f1f1;border-bottom:none;box-shadow:0 2px 10px #0000001a;padding:18px 0}.sticky .logo{background-image:url(../../static/media/favicon2.fbd8dd731b205eaa25a5.png)}.sticky .navbar-menu a{color:#111}.sticky .menu-toggler span{background-color:#111}#home{background:url(../../static/media/space.8f457e6edf927e2779f6.jpg) no-repeat 50%;background-attachment:fixed;background-size:cover;height:100vh;min-height:500px}#home .inner-width{align-items:center;display:flex;height:100%;justify-content:center;text-align:center}#home .content{color:#fff;overflow:hidden;padding-bottom:70px;width:100%}#home .content h1{font-size:60px;margin-bottom:60px;overflow:hidden;padding-right:.1rem}#home i{font-size:50px;transform:translateY(80px)}.cursor{animation:blink 1s infinite;background-color:#ccc;display:inline-block;margin-left:.1rem;width:3px}.cursor.typing{animation:none}@keyframes blink{0%{background-color:#ccc}49%{background-color:#ccc}50%{background-color:initial}99%{background-color:initial}to{background-color:#ccc}}.sm a{color:#fff;font-size:22px;margin:0 10px;transition:.2s linear}.sm a:hover{color:#48dbfb}#home .buttons{margin-top:60px}#home .buttons a{border:1px solid;border-radius:6px;color:#48dbfb;display:inline-block;font-size:15px;font-weight:500;margin:15px 30px;padding:14px 0;transition:.2s linear;width:180px}#home .buttons a:hover{background-color:#48dbfb;color:#fff}section{background-color:#f1f1f1;padding:60px 0}.section-title{color:#111;font-size:26px;margin-bottom:80px;padding-bottom:20px;position:relative;text-align:center}.section-title:before{background-color:#111;bottom:0;content:"";height:3px;left:calc(50% - 40px);position:absolute;width:80px}.section-title:after{background-color:#48dbfb;border:4px solid #f1f1f1;bottom:-7px;content:"";height:10px;left:calc(50% - 12px);position:absolute;width:16px}.about-content{align-items:center;display:flex;flex-wrap:wrap}.about-pic{border-radius:5px;box-shadow:5px 5px 5px 5px grey;margin-right:100px;width:200px}.about-text{flex:1 1}.about-text h2{color:#111;font-size:20px;margin-bottom:15px}.about-text h3{color:#444;font-size:16px;margin:10px 0}.about-text h3 span:first-child:after,.about-text h3 span:nth-child(2):after{background-color:#444;border-radius:50%;content:"";display:inline-block;height:6px;margin:0 14px;width:6px}.about-text p{color:#444;font-size:17px;line-height:26px;margin-top:20px;text-align:justify}.skills{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}.skill{margin:15px 0;width:calc(50% - 20px)}.skill-info{display:flex;justify-content:space-between}.skill-info span{color:#444;font-size:15px}.skill-bar{background-color:#ddd;height:3px;margin-top:14px;position:relative}.skill-bar:after{background-color:#48dbfb;bottom:0;content:"";height:6px;position:absolute}.html:after{width:75%}.css:after,.js:after{width:50%}.java:after,.py:after{width:75%}.cpp:after,.react:after,.sql:after{width:50%}.bash:after{width:75%}.springBoot:after{width:25%}.vue:after{width:50%}.git:after{width:75%}section.dark{background-color:#353b48}section.dark .section-title{color:#f1f1f1}section.dark .section-title:before{background-color:#f1f1f1}section.dark .section-title:after{border:4px solid #353b48}.services{display:flex;flex-wrap:wrap;justify-content:space-between}.service{border:1px solid #48dbfb;border-radius:6px;color:#fff;cursor:pointer;margin:20px 0;padding:40px 20px;text-align:center;transition:.3s linear;width:calc(33% - 20px)}.service .icon{color:#48dbfb;font-size:40px;margin-bottom:20px;transition:.3s linear}.service h4{font-size:16px;margin-bottom:6px}.service:hover{background-color:#48dbfb}.service:hover .icon{color:#fff}.time-line,.works{display:flex;flex-wrap:wrap;justify-content:space-between}.block{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:5px 5px 5px 5px grey;margin:10px 0;padding:30px;position:relative;width:calc(50% - 20px)}.block:before{background-color:#ddd;height:120%;left:-20px;top:50%;transform:translateY(-50%);width:1px}.block:after,.block:before{content:"";position:absolute}.block:after{background-color:#48dbfb;border-radius:50%;height:16px;left:-28px;top:30px;width:16px}.block h3{color:#111;font-size:20px;margin:5px 0}.block h4{color:#666;font-size:16px;font-weight:400;margin:5px 0}.block p{font-size:15px;margin:5px 0}.block li,.block p,.block ul{color:#444}.project-carousel{margin:0 auto;max-width:900px;position:relative;width:100%}.carousel-container{border-radius:12px;box-shadow:0 8px 32px #0000004d;height:500px;overflow:hidden;position:relative;width:100%}.carousel-slide{height:100%;position:relative;width:100%}.carousel-item{border-radius:12px;cursor:pointer;height:100%;opacity:0;overflow:hidden;position:absolute;transform:translateX(100%);transition:opacity .6s ease-in-out,transform .6s ease-in-out;width:100%}.carousel-item.active{opacity:1;transform:translateX(0);z-index:2}.carousel-item.prev{transform:translateX(-100%);z-index:1}.carousel-item img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.carousel-item:hover img{transform:scale(1.1)}.carousel-item .info{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;left:0;opacity:0;padding:40px;position:absolute;right:0;transform:translateY(20px);transition:transform .4s ease,opacity .4s ease;z-index:3}.carousel-item.active .info{opacity:1;transform:translateY(0)}.carousel-item .info h3{font-size:28px;font-weight:600;margin-bottom:8px}.carousel-item .info .cat{color:#48dbfb;font-size:16px;font-weight:400}.carousel-btn{align-items:center;background:#48dbfbe6;border:none;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.carousel-btn:hover{background:#48dbfb;box-shadow:0 6px 20px #48dbfb66;transform:translateY(-50%) scale(1.1)}.carousel-btn-prev{left:20px}.carousel-btn-next{right:20px}.carousel-indicators{display:flex;gap:10px;justify-content:center;margin-top:30px}.carousel-indicators .indicator{background:#0000;border:2px solid #48dbfb;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.carousel-indicators .indicator.active{background:#48dbfb;transform:scale(1.2)}.carousel-indicators .indicator:hover{background:#48dbfb80;transform:scale(1.1)}.work{border-radius:6px;cursor:pointer;margin:10px 0;overflow:hidden;position:relative;width:calc(33% - 10px)}.work img{height:100%;transition:.4s linear;width:100%}.work:before{background-color:#48dbfbcc;content:"";height:100%;transform:scale(0);transition:.2s linear;width:100%;z-index:1}.work .info,.work:before{opacity:0;position:absolute}.work .info{bottom:40px;color:#fff;left:40px;transition:.4s linear;z-index:2}.work:hover img{transform:scale(1.4)}.work:hover .info,.work:hover:before{opacity:1;transform:scale(1)}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.contact-container{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin-left:auto;margin-right:auto;margin-top:80px;max-width:1200px}.contact-subtitle{color:#111;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-bottom:32px;text-align:left}.contact-form-wrapper,.contact-info,.contact-info-wrapper{display:flex;flex-direction:column}.contact-info{gap:12px}.contact-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;color:inherit;cursor:pointer;display:flex;gap:16px;padding:20px 24px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.contact-item:hover{background:#fff;border-color:#48dbfb;box-shadow:0 4px 12px #48dbfb26;transform:translateY(-2px)}.contact-item i{align-items:center;background:#48dbfb1a;border-radius:10px;color:#48dbfb;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.contact-item:hover i{background:#48dbfb26;transform:scale(1.05)}.contact-item>div{flex:1 1;min-width:0}.contact-item h3{color:#111;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:4px}.contact-item p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.contact-form{display:flex;flex-direction:column;gap:16px;width:100%}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.contact-form input,.contact-form textarea{background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111;font-family:Ubuntu,sans-serif;font-size:15px;height:48px;outline:none;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#48dbfb;box-shadow:0 0 0 3px #48dbfb1a}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9ca3af}.emailZone,.nameZone{width:100%}.messageZone{min-height:160px;resize:vertical}.form-status,.messageZone{line-height:1.5;padding:12px 16px}.form-status{animation:fadeIn .3s ease;border-radius:8px;font-size:14px;margin:0;text-align:left}.form-status.success{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.form-status.error{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.contact-form .btn{align-self:flex-start;background-color:#48dbfb;border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;height:48px;margin:8px 0 0;min-width:140px;padding:0 24px;transition:all .2s cubic-bezier(.4,0,.2,1);width:auto}.contact-form .btn:hover:not(:disabled){background-color:#35c5e0;box-shadow:0 4px 12px #48dbfb4d;transform:translateY(-1px)}.contact-form .btn:active:not(:disabled){transform:translateY(0)}.contact-form .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}footer{background:url(../../static/media/space.8f457e6edf927e2779f6.jpg) no-repeat;color:#fff;padding:40px 0;text-align:center}.copyright{font-size:15px;margin-bottom:20px}.copyright a{color:#48dbfb;font-size:16px;font-weight:500}.goTop{background-color:#48dbfb;border:none;border-radius:6px;bottom:40px;color:#fff;cursor:pointer;display:none;height:40px;outline:none;position:fixed;right:40px;width:40px;z-index:998}@media screen and (max-width:980px){.menu-toggler{display:block}.navbar-menu{background-color:#353b48;height:100vh;max-width:400px;padding:80px 50px;position:fixed;right:-100%;top:0;transition:.3s linear;width:100%}.navbar-menu a{display:block;font-size:30px;margin:30px 0}.sticky .navbar-menu{background-color:#f1f1f1}.navbar-menu.active{right:0}.menu-toggler.active span:first-child{top:4px;transform:rotate(-45deg)}.menu-toggler.active span:nth-child(2){opacity:0}.menu-toggler.active span:nth-child(3){bottom:14px;transform:rotate(45deg)}.inner-width{max-width:800px}.about-pic{margin:0 auto 60px}.about-text{flex:100% 1;text-align:center}.service{width:calc(50% - 20px)}.block{margin-left:auto;width:calc(100% - 20px)}.work{width:calc(50% - 10px)}.carousel-container{height:400px}.carousel-btn{font-size:16px;height:40px;width:40px}.carousel-btn-prev{left:10px}.carousel-btn-next{right:10px}.carousel-item .info{padding:30px}.carousel-item .info h3{font-size:24px}.contact-container{gap:64px;grid-template-columns:1fr;margin-top:64px;max-width:100%}.contact-subtitle{font-size:22px;margin-bottom:28px;text-align:left}.contact-form-wrapper,.contact-info-wrapper{width:100%}.contact-info{gap:12px}.contact-item{padding:18px 20px}.contact-item i{font-size:22px;height:44px;width:44px}.form-row{gap:16px;grid-template-columns:1fr}.modal-content{max-width:90%}.modal-header{padding:22px 25px 22px 55px}.modal-body{padding:25px}}@media screen and (max-width:600px){.modal-overlay{padding:10px}.modal-content{max-height:95vh;max-width:100%}.modal-header{padding:20px 20px 20px 50px}.modal-header h2{font-size:22px}.modal-header h3{font-size:14px}.close-button{font-size:28px;height:28px;right:15px;top:15px;width:28px}.modal-body{padding:20px}.modal-body p{font-size:15px;margin-bottom:15px;text-align:left}.modal-body a{font-size:14px;max-width:250px;padding:10px 25px;width:100%}.inner-width{padding:0 20px}.service,.skill,.work{width:100%}.carousel-container{height:300px}.carousel-btn{font-size:14px;height:35px;width:35px}.carousel-btn-prev{left:5px}.carousel-btn-next{right:5px}.carousel-item .info{padding:20px}.carousel-item .info h3{font-size:20px}.carousel-item .info .cat{font-size:14px}.carousel-indicators{gap:8px;margin-top:20px}.carousel-indicators .indicator{height:10px;width:10px}.emailZone,.nameZone{max-width:100%}.contact-container{gap:48px;grid-template-columns:1fr;margin-top:48px;max-width:100%}.contact-subtitle{font-size:20px;margin-bottom:24px;text-align:left}.contact-form-wrapper,.contact-info-wrapper{width:100%}.contact-item{gap:14px;padding:16px 18px}.contact-item i{font-size:20px;height:40px;width:40px}.contact-item h3{font-size:15px}.contact-item p{font-size:13px}.contact-form{gap:14px}.contact-form input,.contact-form textarea{font-size:14px;height:44px;padding:10px 14px}.messageZone{min-height:140px}.contact-form .btn{font-size:14px;height:44px;min-width:100%;width:100%}.container{width:100%}.heading{font-size:20px;padding:20px}}
/*# sourceMappingURL=main.c141994f.css.map*/