@keyframes blink-caret{from,to{opacity:1}50%{opacity:0}}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.notification{width:60%;padding:15px;text-align:left;font-size:16px;font-weight:700;position:fixed;top:80px;right:0;transition:.3s;word-wrap:break-word;box-sizing:border-box;z-index:9999;visibility:hidden;opacity:0;transform:translateX(100%)}.skill-bar,.skill-bar-container{position:relative;overflow:hidden}.notification.visible{visibility:visible;opacity:1;transform:translateX(0)}.notification.success{background-color:#489f49;color:#fff}.notification.error{background-color:#f44336;color:#fff}main{padding-bottom:40px}.intro-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6rem 1.5rem;margin-top:5rem}.intro{display:flex;flex-direction:column;justify-content:space-around;gap:10px;max-width:500px;color:#202020}#changing-text,#cursor,.btn-preview{display:inline-block}.intro-big{font-size:2rem;font-weight:700;line-height:1.3}.blue-name{color:#0d65d9}.intro .grey,.tagline{font-size:1.1rem;color:#333}.intro .grey{line-height:2;text-shadow:0 1px 1px rgba(0,0,0,.2)}.tagline{font-family:"Josefin Sans",Poppins,Verdana;font-weight:500;font-style:italic}#full-resume-btn,#resume-btn{font-size:1rem;font-weight:600;padding:8px 30px;margin-top:10px}.btn-preview{background:#0d65d9;color:#fff;padding:5px 15px;text-decoration:none;border-radius:25px;text-align:center;flex-shrink:0;max-width:fit-content;transition:background-color .2s ease-in-out}.btn-preview:hover,.contact-btn:hover{outline:#0d65d9 solid 2px;outline-offset:2px}.btn-preview:active,.contact-btn:active{background:#05408d}.profile-image{display:flex;justify-content:center;width:100%;-webkit-user-select:none;user-select:none}.profile-image img{height:auto;width:auto;max-width:70%;border-radius:30%}#changing-text{overflow:hidden;white-space:normal;min-width:405px;width:100%}#cursor{width:8px;background:#000;animation:.75s ease-in-out infinite blink-caret;vertical-align:bottom;margin-left:1px;color:transparent}section:not(#home){display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:80px}section:not(#home) h2{color:#202020;font-size:2rem;font-weight:600;text-align:center}section:not(#home) p{font-size:1.1rem;line-height:2;color:#555;margin-bottom:20px}.underline{width:3rem;height:.25rem;background:#0d65d9;margin:.5rem auto 2rem}.about-container{width:90%;max-width:1000px;margin:0 auto}.tech-container{width:85%}.tech-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.tech-item{width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.tech-item p{margin:0!important;font-size:1rem!important;font-weight:500!important;color:#333!important;line-height:1!important}.tech-logo{width:50px;height:50px;margin-bottom:5px}.tech-logo.django,.tech-logo.mysql{width:83px}.tech-logo.aws,.tech-logo.nodejs{width:70px}.tech-logo.celery,.tech-logo.redis{height:42px;width:90px}.tech-logo.nats{width:90px}.tech-logo.rabbitmq{width:92px}.projects-container,.skills-container{width:90%}.skills-level-section{width:100%;padding:0 40px 30px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:#fff}.skill-item{margin-bottom:25px;opacity:0;transform:translateY(30px);animation:.8s forwards slideInUp}.skill-item:first-child{animation-delay:.1s}.skill-item:nth-child(2){animation-delay:.2s}.skill-item:nth-child(3){animation-delay:.3s}.skill-item:nth-child(4){animation-delay:.4s}.skill-item:nth-child(5){animation-delay:.5s}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.skill-name{font-size:1rem;font-weight:600;color:#171a1d;letter-spacing:.5px}.skill-percentage{font-size:.9rem;font-weight:700;color:#667eea;background:rgba(102,126,234,.1);padding:1px 8px;border-radius:20px;border:1px solid rgba(102,126,234,.3)}.s_border,.timeline-header{font-weight:500;text-align:left}.skill-bar-container{background:rgba(255,255,255,.1);border-radius:25px;height:6px;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.skill-bar{height:100%;border-radius:25px;transition:width 2s cubic-bezier(.4, 0, .2, 1);width:0%}.backend{background:linear-gradient(90deg,#667eea 0,#764ba2 100%)}.database{background:linear-gradient(90deg,#f093fb 0,#f5576c 100%)}.api{background:linear-gradient(90deg,#4facfe 0,#00f2fe 100%)}.system{background:linear-gradient(90deg,#43e97b 0,#38f9d7 100%)}.devops{background:linear-gradient(90deg,#fa709a 0,#fee140 100%)}.skill-bar::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:2s infinite shimmer}.skill-bar-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:25px;background:inherit;filter:blur(8px);opacity:.3;z-index:-1}.skill-item:hover{transform:translateY(-5px);transition:transform .3s}.skills-flex-container{display:flex;flex-wrap:wrap;gap:40px;padding:0 10px;justify-content:center}.skills-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:30%;text-align:left;border-left:1px solid rgba(0,0,0,.2)}.skills-content{padding:0 40px}.skills-content h3{font-size:1.3rem;color:#333;margin-bottom:10px;display:flex;align-items:center}.skills-item i{color:#0d65d9;font-size:1.5rem;padding:3px;margin-right:10px;border:2px solid #0d65d9;border-radius:50%}.skills-content p{font-size:1rem!important;color:#555!important;line-height:2!important;margin-bottom:0!important}#projects{padding:4rem 1rem}#projects h2{text-align:center;font-size:2rem}.projects-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;margin:0 auto}.project-card{display:flex;flex-direction:column;overflow:hidden;background:#f8f9fa;border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.project-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.project-image{position:relative}.project-image img{display:block;width:100%;height:200px;object-fit:cover;transition:transform .3s ease-in-out}.project-card:hover .project-image img{transform:scale(1.05)}.project-type-overlay{position:absolute;top:.5rem;left:.5rem;font-size:.7rem;background:rgba(0,0,0,.6);color:#fff;padding:.2rem .5rem;border-radius:.25rem;z-index:100000000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.project-details{padding:1rem 1.5rem;margin:0;flex:1;display:flex;align-items:flex-start;text-align:left;flex-direction:column}.project-details h3{margin:0 0 .5rem;color:#333}.project-details p{font-size:1rem!important;line-height:1.7!important;margin-bottom:1rem!important}.tech-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0}.project-buttons .btn,.see-more-outline-button{padding:.5rem 1rem;position:relative;text-decoration:none}.tech-tags li{font-size:.8rem;background:#e1e3ff;color:#0d65d9;padding:.25rem .5rem;border-radius:.25rem}.project-buttons{margin-top:auto;display:flex;flex-wrap:wrap;gap:.5rem}.project-buttons .btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#0d65d9;color:#fff;border-radius:.25rem;font-size:1.25rem;transition:background .2s ease-in-out}.project-buttons .btn:hover{background:#064aa8}.project-buttons .btn+.btn{margin-left:.5rem}.project-buttons .btn[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:4px 8px;font-size:.75rem;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100}.project-buttons .btn[data-tooltip]:hover::after{opacity:1}.see-more-container{text-align:center;margin-top:2rem}.see-more-outline-button{display:inline-block;font-size:1rem;font-weight:500;border:2px solid #24292e;color:#24292e;background:0 0;border-radius:.4rem;overflow:hidden;transition:color .3s,border-color .3s}.see-more-outline-button::before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:#24292e;transition:width .4s ease-in-out;z-index:0}.resume-timeline li:last-child::before,.resume-timeline::before{content:"";top:0;bottom:0;width:2px;height:100%;position:absolute}.see-more-outline-button:hover::before{width:100%}.button-content{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.5rem;color:inherit;transition:color .3s}.see-more-outline-button:hover .button-content{color:#fff}.github-icon{width:1.2rem;height:1.2rem;fill:currentColor;transition:fill .3s}.resume-container{width:90%;margin:auto}.resume-row{display:flex;flex-wrap:wrap;justify-content:space-between}.resume-col{width:50%}.resume-section{padding:15px}.s_border{border-bottom:2px solid #0d65d9;padding-bottom:5px;margin-bottom:20px;font-size:1.7rem}.resume-timeline{list-style:none;position:relative;padding-left:20px}.resume-timeline::before{left:20px;background:#ccc}.resume-timeline li:last-child::before{left:0;background:#fff}.resume-timeline li{position:relative;padding-bottom:10px;margin-bottom:20px}.experience-item{position:relative;margin-bottom:40px}.timeline-header{position:relative;padding:5px 20px 5px 40px;background:linear-gradient(to right,rgba(200,200,200,.5),transparent);border-radius:5px;color:#333}.timeline-header::before{content:attr(data-number);position:absolute;left:-19px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#007bff;color:#fff;font-weight:700;font-size:16px;text-align:center;line-height:40px;border-radius:50%}.timeline-header span{min-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-content{padding-left:40px;margin-top:10px;text-align:left}.timeline-content h4{margin:0;font-size:18px;color:#333}.timeline-content .timeline-institute{color:#0d65d9;margin:0;font-weight:500}.timeline-content p{margin:5px 0!important;font-size:16px!important;color:#333!important}.contact-container{width:90%;max-width:950px;margin:auto;border-radius:10px;color:#fff}.input-row{display:flex;gap:10px;flex-wrap:wrap}.input-group{flex:1;display:flex;align-items:center;background:0 0;border:1px solid #ccc;border-radius:30px;padding:10px 15px;position:relative;overflow:hidden;transition:.3s}.input-group:focus-within{background-color:rgba(13,101,217,.1);border-color:#0d65d9}.input-group input,.input-group textarea{width:100%;border:none;outline:0;background:0 0;color:#333;font-size:16px;padding-left:10px;z-index:1}.input-group input::placeholder,.input-group textarea::placeholder{color:#777;font-size:16px}.input-group i{color:#333;font-size:16px}.full-width{width:100%;margin-top:10px}.full-width textarea{resize:none;min-height:100px}.full-width i{margin-top:5px;align-self:flex-start}.contact-btn{width:fit-content;background:#0d65d9;color:#fff;font-size:1rem;font-weight:600;padding:12px 30px;margin-top:10px;border:none;border-radius:25px;cursor:pointer;display:inline-block;text-align:center;flex-shrink:0;transition:background-color .2s ease-in-out}.contact-btn:disabled{background:#022757;cursor:not-allowed;outline:0}.submit-loader{border-top:2px solid #f3f3f3;border-radius:50%;width:12px;height:12px;margin-left:5px;animation:1s ease-in-out infinite spin;display:none}.contact-details{display:flex;justify-content:space-between;gap:20px;margin-top:30px;text-align:center;flex-wrap:wrap}.contact-item{flex:1;color:#333;background:rgba(255,255,255,.1);padding:20px;border-radius:10px;transition:.3s}.contact-item:hover{background:#116fe92a}.contact-item h4{margin-bottom:5px;font-size:18px}.contact-info{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px}.contact-info i{font-size:20px;color:#0d65d9}.contact-info a{color:inherit;text-decoration:none}.contact-info a:hover{text-decoration:underline}.section{opacity:0;transform:translateY(40px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.section.visible{opacity:1;transform:translateY(0)}body.dark-mode .intro,body.dark-mode .project-details h3,body.dark-mode .skill-name,body.dark-mode .skills-content h3,body.dark-mode .timeline-content h4,body.dark-mode section h2,body.dark-mode section:not(#home) h2{color:#f0f0f0!important}body.dark-mode #cursor{background:#f0f0f0!important}body.dark-mode .contact-item,body.dark-mode .input-group i,body.dark-mode .input-group input,body.dark-mode .input-group textarea,body.dark-mode .intro .grey,body.dark-mode .intro .tagline,body.dark-mode .project-details p,body.dark-mode .skill-percentage,body.dark-mode section p,body.dark-mode section:not(#home) p{color:#ccc!important}body.dark-mode .blue-name,body.dark-mode .timeline-content .timeline-institute{color:#4f91e3!important}body.dark-mode .see-more-outline-button{border:2px solid #4f91e3!important;color:#4f91e3!important}body.dark-mode .see-more-outline-button::before,body.dark-mode .underline{background:#4f91e3!important}body.dark-mode .project-card{background:#2a2a2a!important;box-shadow:0 2px 8px rgba(0,0,0,.7)!important}body.dark-mode .project-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.8)!important}body.dark-mode .tech-tags li{background:#3a3a3a!important;color:#6ea9f1!important}body.dark-mode .project-buttons .btn{background:#306cb6!important}body.dark-mode .project-buttons .btn:hover{background:#1f5392!important}body.dark-mode .skills-item i{color:#4f91e3!important;border:2px solid #4f91e3!important}body.dark-mode .s_border{border-bottom:2px solid #4f91e3!important}body.dark-mode .skills-item{border-left:1px solid rgba(255,255,255,.2)!important}body.dark-mode .resume-timeline li:last-child::before{background:#171a1d!important}body.dark-mode .input-group input:-webkit-autofill,body.dark-mode .input-group input:-webkit-autofill:active,body.dark-mode .input-group input:-webkit-autofill:focus,body.dark-mode .input-group input:-webkit-autofill:hover,body.dark-mode .input-group textarea:-webkit-autofill,body.dark-mode .input-group textarea:-webkit-autofill:active,body.dark-mode .input-group textarea:-webkit-autofill:focus,body.dark-mode .input-group textarea:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #171a1d inset!important}body.dark-mode .timeline-header{color:#f0f0f0;background:linear-gradient(to right,rgba(100,100,100,.5),transparent)!important}@media (min-width:768px) and (max-width:1290px){.skills-item{width:45%}}@media only screen and (min-width:800px){.intro-container{flex-direction:row;justify-content:space-around;align-items:center}.profile-image{flex:0 0 auto;max-width:400px}}@media only screen and (min-width:890px){#changing-text{min-width:450px}}@media only screen and (min-width:1024px){.notification{width:40%}}@media only screen and (max-width:1000px){section:not(#home){padding-top:70px}}@media only screen and (max-width:890px){.intro-big{font-size:1.5rem}#changing-text{min-width:340px}.intro-container{padding:.6rem 2rem}#cursor{width:5px}}@media only screen and (max-width:799px){.intro{max-width:90%}}@media only screen and (max-width:768px){.s_border,section h2,section:not(#home) h2{font-size:1.5rem}section p{margin-bottom:15px}.underline{width:27px;margin:7px auto 15px}.tech-container{width:95%}.tech-list{gap:17px}.tech-item{width:77px;height:77px;gap:5px}.tech-item p{font-size:.9rem!important}.tech-logo{width:42px;height:42px;margin-bottom:2px}.tech-logo.django,.tech-logo.mysql{width:67px}.tech-logo.aws,.tech-logo.nodejs{width:58px}.tech-logo.celery,.tech-logo.redis{height:34px;width:73px}.tech-logo.nats{width:73px}.tech-logo.rabbitmq{width:75px}.project-details{padding:1rem 1.2rem}.skills-flex-container{flex-direction:column;align-items:center;gap:20px}.resume-col,.skills-item{width:100%}.skills-item i{font-size:1.3rem;padding:2px}.skills-content{padding:0 30px;text-align:justify}.skills-content h3{font-size:1.2rem}.resume-section{padding:10px}.contact-details,.input-row{flex-direction:column}.skills-level-section{padding:30px 20px}.skill-percentage{font-size:.8rem}}@media only screen and (max-width:480px){.notification{width:80%;padding:5px 15px}#changing-text{min-width:275px}.intro-container{padding:.5rem 1rem}.intro-big,section:not(#home) h2 section h2{font-size:1.3rem}section:not(#home){padding-top:60px}section p{font-size:1rem;line-height:1.8;margin-bottom:10px}.underline{width:25px;margin:5px auto 10px}.about-container,.contact-container,.projects-container,.resume-container,.skills-container,.tech-container{width:95%}.tech-item{width:64px;height:64px;gap:2px}.tech-item p{font-size:.8rem!important}.tech-logo{width:35px;height:35px;margin-bottom:1px}.tech-logo.django,.tech-logo.mysql{width:56px}.tech-logo.aws,.tech-logo.nodejs{width:48px}.tech-logo.celery,.tech-logo.redis{height:28px;width:61px}.tech-logo.nats{width:61px}.tech-logo.rabbitmq{width:62px}.skills-content{padding:0 25px}.skills-content h3{font-size:1.1rem}.s_border,.skills-item i{font-size:1.2rem}.skills-content p{font-size:.95rem!important}#full-resume-btn,#resume-btn,.contact-btn{padding:10px}.resume-section{padding:5px}.resume-timeline{padding-left:10px}.resume-timeline::before{left:10px}.resume-timeline li{padding-bottom:5px;margin-bottom:10px}.timeline-header{padding:5px 20px 5px 30px}.timeline-content{padding-left:30px}}@media only screen and (max-width:300px){#changing-text{min-width:220px}.intro-big{font-size:1.1rem}.intro .grey{font-size:.9rem}section:not(#home){padding-top:30px}}