body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,h1,h2,h3{font-family:Roboto Slab,serif;font-optical-sizing:auto}body{background-color:#000;color:#fff;font-family:sans-serif;margin:0;padding:0}.app{background-color:#111;background-image:linear-gradient(180deg,#000,#222);border-radius:8px;box-shadow:0 0 10px #ffffff1a;margin:20px auto;max-width:960px;padding:20px}header{border-bottom:1px solid #333;margin-bottom:20px;padding-bottom:20px;text-align:center}header h1{color:#fff;margin-bottom:5px}nav ul{list-style:none;margin:0;padding:0}nav ul li{display:inline;margin:0 15px}nav a{color:#ccc;text-decoration:none}nav a:hover{color:#eee}#profile{align-items:center;border-bottom:1px solid #333;display:flex;margin-bottom:20px;padding:20px 0}.profile-image{border:2px solid #fff;border-radius:50%;box-shadow:0 4px 8px #0000004d;flex-shrink:0;height:150px;margin-right:20px;overflow:hidden;width:150px}.profile-image img{height:100%;object-fit:cover;width:100%}.profile-info{flex-grow:1;width:calc(100% - 170px)}.profile-info h2{color:#eee;margin-bottom:10px}.profile-info p{color:#ccc;line-height:1.7;margin-bottom:15px}.skills h3{color:#ddd;margin-bottom:10px}.skill-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.skill-badge{background-color:#333;border-radius:5px;box-shadow:0 2px 4px #00000040;color:#fff;font-size:.9em;overflow:visible;padding:8px 15px;position:relative}.skill-badge:before{background-color:#000c;border-radius:4px;bottom:125%;color:#fff;content:attr(data-tooltip);font-size:.9em;left:50%;opacity:0;padding:8px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease-in-out,visibility 0s linear .3s;visibility:hidden;white-space:nowrap;z-index:1}.skill-badge:hover:before{opacity:1;transition:opacity .3s ease-in-out,visibility 0s linear 0s;visibility:visible}.skill-badge:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #000c;content:"";left:50%;opacity:0;position:absolute;top:100%;transform:translateX(-50%);transition:opacity .3s ease-in-out,visibility 0s linear .3s;visibility:hidden;z-index:1}.skill-badge:hover:after{opacity:1;transition:opacity .3s ease-in-out,visibility 0s linear 0s;visibility:visible}.skill-badge.linux{background-color:#fcc624;color:#000}.skill-badge.aws{background-color:#232f3e}.skill-badge.kubernetes{background-color:#326ce5}.skill-badge.eks{background-color:#f90}.skill-badge.terraform{background-color:#000}.skill-badge.argocd{background-color:#e57373}.skill-badge.docker{background-color:#2496ed}.skill-badge.jenkins{background-color:#d3d3d3;color:#333}#projects{border-bottom:1px solid #333;margin-bottom:20px;padding:20px 0}#projects h2{color:#eee;margin-bottom:15px;text-align:center}.project-item a{color:#007bff;text-decoration:none}.project-item a:hover{text-decoration:underline}#contact{border-bottom:1px solid #333;margin-bottom:40px;padding:40px 0}#contact h2{color:#eee;margin-bottom:30px;text-align:center}#contactForm{background-color:#222;border-radius:8px;flex-direction:column;margin:0 auto;max-width:600px;padding:30px}#contactForm,.form-row{display:flex;gap:20px}.form-group{display:flex;flex:1 1;flex-direction:column}.form-group label{color:#ccc;font-size:.9em;margin-bottom:8px}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=text],.form-group textarea{background-color:#333;border:1px solid #555;border-radius:5px;color:#fff;font-size:1em;padding:12px}.form-group textarea{resize:vertical}#contact .contact-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:960px;padding:20px}.contact-image{height:auto;margin-right:20px;max-width:40%}#contactForm{margin:0;max-width:55%}@media (max-width:768px){#contact .contact-container{align-items:center;flex-direction:column}.contact-image{margin-bottom:20px;margin-right:0;max-width:80%}#contactForm{max-width:90%}}#contactForm button{align-self:flex-start;background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:14px 24px;transition:background-color .3s ease}#contactForm button:hover{background-color:#0056b3}.g-recaptcha{margin-top:15px}#blog{border-bottom:1px solid #333;margin-bottom:20px;padding:20px 0}#blog h2{color:#eee;margin-bottom:15px;text-align:center}.blog-articles{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.article{background-color:#222;border-radius:5px;box-shadow:0 2px 4px #00000026;padding:15px}.article h3{color:#ddd;margin-bottom:10px}.article p{color:#ccc;line-height:1.6;margin-bottom:10px}.article a{color:#007bff;text-decoration:none}.article a:hover{text-decoration:underline}footer{color:#777;padding:20px 0;text-align:center}@media (max-width:600px){#profile{align-items:center;flex-direction:column}.profile-image{margin-bottom:20px;margin-right:0}.profile-info{width:100%}.form-row{display:flex;flex-direction:column;gap:0}.form-row .form-group{margin-bottom:20px}.form-row .form-group input[type=email],.form-row .form-group input[type=text]{width:100%}}.project-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px 0}.project-item{background-color:#222;border-radius:5px;box-shadow:0 2px 4px #00000040;padding:15px;text-align:center}.project-item h3{color:#ddd;margin-bottom:10px}.project-thumbnail{border-radius:5px;display:block;height:auto;margin:0 auto 10px;max-width:200px}.project-item p{color:#ccc;line-height:1.6;margin-bottom:15px;text-align:left}.project-item button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .3s ease}.project-item button:hover{background-color:#0056b3}.modal-overlay{align-items:flex-start;background-color:#000000d9;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;overflow:auto;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#1a1a1a;border:1px solid #444;border-radius:10px;box-shadow:0 8px 16px #00000080;color:#eee;font-family:Roboto Slab,serif;margin-bottom:50px;margin-top:50px;max-height:calc(100vh - 100px);max-width:800px;overflow-y:auto;padding:30px;position:relative;width:95%}.modal-close-button{background:none;border:none;color:#aaa;cursor:pointer;font-size:32px;font-weight:700;line-height:1;padding:0;position:absolute;right:15px;top:15px;transition:color .2s ease}.modal-close-button:focus,.modal-close-button:hover{color:#fff;outline:none;text-decoration:none}.modal-content h2{color:#007bff;font-size:1.8em;margin-bottom:20px;margin-top:0;text-align:center}.modal-content h3{border-bottom:1px solid #333;color:#ccc;font-size:1.4em;margin-bottom:10px;margin-top:20px;padding-bottom:5px}.modal-content h4{color:#ccc;font-size:1.1em;margin-bottom:8px;margin-top:15px}.modal-content p{color:#eee;line-height:1.7;margin-bottom:15px}.modal-content ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 15px;padding:0}.modal-content ul li{background-color:#333;border-radius:4px;color:#fff;font-size:.9em;padding:6px 12px}.modal-images-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px;margin-top:15px}.modal-image{border:1px solid #444;border-radius:5px;box-shadow:0 4px 8px #0000004d;height:auto;width:100%}.modal-content a{color:#58a6ff;text-decoration:none;transition:color .2s ease}.modal-content a:hover{color:#80bdff;text-decoration:underline}.modal-content small{color:#aaa}@media (max-width:700px){.modal-content{margin-bottom:20px;margin-top:20px;padding:20px;width:95%}.modal-overlay{padding:10px}}
/*# sourceMappingURL=main.b8f4fbcd.css.map*/