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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header a{color:#000;color:#2c3e50;font-size:18px;padding:10px 15px;text-decoration:none}header a:hover{color:blue;text-decoration:underline}header ul,header ul li{display:flex;justify-content:center;list-style:none}header{align-items:center;background-color:#fff;box-shadow:0 0 10px 1px gray;display:flex;height:80px;justify-content:space-around;left:0;position:fixed;top:0;width:100%;z-index:999}header ul li{margin:0 10px}header span{color:#2c3e50;font-size:1.5rem;font-weight:700;letter-spacing:2px}footer{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:center;padding:30px}.section-title{color:#f0b03c;display:inline-block;font-size:2.5rem;font-weight:700;position:relative}.profile{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:left}.profile img{height:auto;width:200px}.profile-container{margin-top:50px}.profile-container,.profile-info{align-content:center;display:flex;justify-content:center}.profile-info{flex-direction:column;margin:0 100px}.profile-info h3{color:#2c3e50;font-size:35px}.profile-info h3 span{color:#4f4f4f80;font-size:20px;font-weight:400}.profile-contact p{align-items:center;display:flex;font-size:18px;gap:8px;margin:13px 0;text-align:left}.role{background-color:#2c3e50;border-radius:10px;color:#fff;font-size:20px;font-weight:400;margin:10px 0;padding:5px 20px}.projects-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around;margin:50px auto 0;max-width:1100px}.project-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;flex-basis:calc(33.33% - 20px);flex-grow:1;flex-shrink:1;margin-bottom:20px;max-width:450px;padding:25px;text-align:left;transition:all .3s ease}.project-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.project-card h4{color:#3a3a3a;font-weight:500;margin:5px 0}.project-image{border-radius:8px;height:250px;margin-bottom:15px;object-fit:cover;width:100%}.project-box{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.project-title{color:#333;font-size:22px;font-weight:700}.project-status-end{background-color:#00c853}.project-status-end,.project-status-ing{border-radius:10px;color:#fff;font-size:15px;padding:5px 0;text-align:center;width:60px}.project-status-ing{background-color:#fbc02d}.project-summary{color:#444;font-size:16px;font-weight:600;margin-bottom:5px}.project-dates{color:#777;font-size:14px;margin-bottom:10px}.project-technologies{background-color:#f0f8ff;border:1px solid #ccc;border-radius:10px;color:#333;font-size:14px;padding:10px}.project-link{align-items:center;color:#007bff;display:flex;font-size:16px;font-weight:700;margin-top:15px}.project-link a{color:#007bff;margin:0 10px;text-decoration:none}.project-link a:hover{color:#0056b3}.modal-overlay{align-items:center;background-color:#000000b3;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background:#e5e7eb;color:#1f2937}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:60px 20px}.loading-spinner p{color:#6b7280;font-size:1.1rem}.markdown-content{color:#374151;line-height:1.6}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#1f2937;font-weight:600;margin-bottom:12px;margin-top:24px}.markdown-content h1{border-bottom:2px solid #e5e7eb;font-size:1.75rem;padding-bottom:8px}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.25rem}.markdown-content p{margin-bottom:16px}.markdown-content ol,.markdown-content ul{margin:16px 0;padding-left:24px}.markdown-content li{margin-bottom:8px}.markdown-content code{background:#f1f5f9;border-radius:4px;color:#dc2626;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.markdown-content pre{background:#1f2937;border-radius:8px;color:#f9fafb;margin:16px 0;overflow-x:auto;padding:16px}.markdown-content pre code{background:none;border-radius:0;color:inherit;padding:0}.markdown-content blockquote{background:#f8fafc;border-left:4px solid #3b82f6;color:#4b5563;font-style:italic;margin:16px 0;padding:12px 16px}.markdown-content a{color:#3b82f6;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content img{border-radius:8px;height:auto;margin:16px 0;max-width:100%}.modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;padding:20px 24px}.project-meta p{color:#4b5563;font-size:.9rem;margin:8px 0}.project-meta strong{color:#1f2937}.project-meta a{color:#3b82f6;margin-left:8px;text-decoration:none}.project-meta a:hover{text-decoration:underline}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:16px}.modal-header h2{font-size:1.25rem}.modal-body,.modal-footer{padding:16px}}.skills-content{margin:20px auto;max-width:1000px;width:100%}.skill-bar{display:flex;margin-bottom:30px;width:100%}.skill-name{align-items:center;color:#555;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:5px}.progress-bar{background:#e0e0e0;border-radius:20px;height:30px;margin:0 10px;overflow:hidden;position:relative;width:100%}.progress-fill{align-items:center;background:linear-gradient(90deg,#3b5998,#1c3d73);color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;line-height:20px;text-align:center;transition:width .5s ease-in-out}table{border-collapse:collapse;margin:0 auto;max-width:1200px;width:100%}table td,table th{border:1px solid #ddd;color:#555;font-weight:700;gap:8px;margin-bottom:5px;padding:12px;text-align:center}table th{background-color:#939393;color:#fff;font-weight:700}table td{background-color:#fff}*{margin:0;padding:0}body{-ms-overflow-style:none;padding-top:80px}::-webkit-scrollbar{display:none}section{margin:0 auto;max-width:1200px;padding:0 100px}h1{align-self:flex-start;color:#2c3e50;font-size:4rem;font-weight:700;margin-top:50px;text-align:left}
/*# sourceMappingURL=main.d29e4a7f.css.map*/