#app{min-height:100vh;display:flex;flex-direction:column;color:#ededed;position:relative;overflow:hidden}#app,header{background:#1c1c1c}header{padding:20px 0;position:fixed;width:100%;top:0;z-index:1000}.navbar{display:flex;position:relative;justify-content:center;list-style:none;padding:0;margin:0 auto}.nav-link{color:#4dba87;margin:0 10px;text-decoration:none;font-size:18px;padding:5px 10px;border-radius:5px;transition:background-color .3s ease}.nav-link:hover{background-color:#363636}main{flex:1;padding:20px;margin-top:80px;position:relative;z-index:1}.home-container[data-v-256a93a5]{text-align:center;padding:50px 20px}.skills-container[data-v-256a93a5]{display:flex;justify-content:center;flex-wrap:wrap;overflow-x:auto;padding:10px 0;max-width:750px;margin:auto}.skill[data-v-256a93a5]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;flex:0 0 auto;margin:5px;background:#4dba87;color:#fff;padding:10px;width:80px;height:50px;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.skill[data-v-256a93a5]:hover{background:#409970;color:#333}.social-links[data-v-256a93a5]{margin-top:30px}.social-link[data-v-256a93a5]{margin:0 10px;color:#4dba87;transition:opacity .3s ease}.social-link[data-v-256a93a5]:hover{opacity:.2}.keepsec-icon[data-v-256a93a5]{width:31px;height:32px;position:relative;top:5px}h2[data-v-256a93a5]{margin-top:50px}.projects-container[data-v-26563e8c]{max-width:800px;margin:0 auto;padding:20px}.project[data-v-26563e8c]{background-color:#1e1e1e;color:#e0e0e0;padding:20px;margin-bottom:20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.project[data-v-26563e8c]:hover{background-color:#292929}.project-info a[data-v-26563e8c],.project-info h3[data-v-26563e8c],.project-info p[data-v-26563e8c]{margin:5}a .project-info a[data-v-26563e8c]{color:#4dba87;text-decoration:none;transition:color .3s ease}.project-info a[data-v-26563e8c]:hover{color:#e0e0e0}.project-stats[data-v-26563e8c]{display:flex;align-items:center}.project-stats span[data-v-26563e8c]{display:flex;align-items:center;margin-left:15px}.project-stats i[data-v-26563e8c]{margin-right:5px}.category-filter button[data-v-9ec9d8a2]{margin:2px;color:#e0e0e0;background-color:#333;padding:1px 5px;border:none;border-radius:5px;font-size:16px;cursor:pointer;font-family:Open Sans,sans-serif}.category-filter button.active[data-v-9ec9d8a2],.category-filter button[data-v-9ec9d8a2]:hover{background-color:#4dba87}.blog-container[data-v-9ec9d8a2]{max-width:800px;margin:0 auto;padding:20px}.post[data-v-9ec9d8a2]{background-color:#1e1e1e;color:#e0e0e0;padding:20px;margin-bottom:20px;border-radius:8px;transition:background-color .3s ease}.post[data-v-9ec9d8a2]:hover{background-color:#292929}.post h3 a[data-v-9ec9d8a2]{color:#4dba87;text-decoration:none}.post-meta[data-v-9ec9d8a2]{margin-bottom:0}.post-categories span[data-v-9ec9d8a2]{margin:2px;background-color:#333;padding:1px 5px;border-radius:5px}.post-categories span[data-v-9ec9d8a2]:hover{background-color:#4dba87}.category-filter button[data-v-3768bb48]{margin:2px;color:#e0e0e0;background-color:#333;padding:1px 5px;border:none;border-radius:5px;font-size:16px;cursor:pointer;font-family:Open Sans,sans-serif}.category-filter button.active[data-v-3768bb48],.category-filter button[data-v-3768bb48]:hover{background-color:#4dba87}.blog-container[data-v-3768bb48]{max-width:800px;margin:0 auto;padding:20px}.post[data-v-3768bb48]{background-color:#1e1e1e;color:#e0e0e0;padding:20px;margin-bottom:20px;border-radius:8px;transition:background-color .3s ease}.post[data-v-3768bb48]:hover{background-color:#292929}.post h3 a[data-v-3768bb48]{color:#4dba87;text-decoration:none}.post-meta[data-v-3768bb48]{margin-bottom:0}.post-categories span[data-v-3768bb48]{margin:2px;background-color:#333;padding:1px 5px;border-radius:5px}.post-categories span[data-v-3768bb48]:hover{background-color:#4dba87}body{margin:0;font-family:Open Sans,sans-serif;background-color:#121212;color:#ededed;line-height:1.6}a{color:#4dba87;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:20px}h1,h2,h3,h4,h5,h6{color:#ededed;margin-top:0}.button{display:inline-block;background-color:#4dba87;color:#ededed;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.button:hover{background-color:#42b883}