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{animation:backgroundShift 10s ease infinite;background:linear-gradient(135deg,#121212,#1a1a1a);color:#fff;font-family:Arial,sans-serif;margin:0}@keyframes backgroundShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}h1,h2{margin:20px 0;text-align:center;text-shadow:0 0 10px #0f0,0 0 20px #0f0}h1{font-size:2.5rem}h2{font-size:2rem}button{background-color:#0f0;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin:10px;padding:10px 20px;transition:transform .2s,background-color .2s,box-shadow .2s}button:hover{background-color:#0c0;box-shadow:0 0 10px #0f0}button:active{transform:scale(.95)}.project-grid{grid-gap:20px;gap:20px;padding:20px}.project-card{background-color:#444;border:1px solid #555;box-shadow:0 4px 8px #0000004d;opacity:1;transition:transform .3s,box-shadow .3s,opacity .3s}.project-card-hover{box-shadow:0 0 15px #0f0;transform:scale(1.05)}.project-title{color:#0f0;font-size:1.5rem;margin-bottom:10px}.project-description{color:#e0e0e0;font-size:1rem;margin:10px 0}.progress-bar-container{background-color:#555;border-radius:5px;height:10px;margin-top:10px;overflow:hidden}.progress-bar-fill{background-color:#0f0;height:100%}.project-badge{color:#0f0;font-size:1rem;font-weight:700;margin-top:10px}.project-header{color:#0f0;font-size:2rem;margin:20px 0;text-align:center;text-shadow:0 0 10px #0f0}.hero-container{align-items:center;color:#fff;display:flex;gap:30px;justify-content:space-between;margin:auto;max-width:1200px;padding:50px}.hero-text{text-align:center}.hero-text h1{color:#0f0;font-size:2.5rem;margin-bottom:20px;text-shadow:0 0 10px #0f0,0 0 20px #0f0}.hero-text p{font-size:1.2rem;margin:5px 0}.hero-buttons{margin:20px 0}.hero-tagline{color:#0f0;font-size:1.5rem;font-style:italic;margin-top:10px;text-shadow:0 0 8px #0f0,0 0 15px #0c0}.hero-buttons button{background-color:#0f0;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin:10px;padding:10px 20px;transition:transform .2s,background-color .2s}.hero-buttons button:hover{background-color:#0c0}.hero-buttons button:active{transform:scale(.95)}.hero-avatar img{border:3px solid #0f0;border-radius:35%;box-shadow:0 0 15px #0f0;height:400px;width:400px}@media (max-width:768px){.hero-container{flex-direction:column;gap:20px}.hero-container,.hero-text{text-align:center}.hero-avatar{margin-top:20px}}.quiz-container{background:#222;border-radius:10px;box-shadow:0 0 10px #00ff0080;color:#0f0;margin:30px auto;max-width:500px;padding:20px;text-align:center;width:100%}.question-section h2{font-size:1.5rem}.options button{background-color:#0f0;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;margin:10px;padding:10px;transition:background .3s ease;width:100%}.options button:hover{background-color:#0c0}.quiz-option.correct{animation:correctEffect .5s ease-in-out;background-color:#4caf50!important;color:#fff}@keyframes correctEffect{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.quiz-option.incorrect{animation:shake .4s ease-in-out;background-color:#ff3b3b!important;color:#fff}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}}.score-section h2{font-size:1.5rem}.score-section button{background-color:#0f0;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px}.score-section button:hover{background-color:#0c0}.score-section h3{color:#0f0;margin-top:20px}.score-section ul{list-style-type:none;padding:0}.score-section li{background:#222;border-radius:5px;font-weight:700;margin:5px 0;padding:10px}.about-container{align-items:center;background:linear-gradient(135deg,#111,#222);color:#fff;display:flex;gap:40px;justify-content:space-between;margin:auto;max-width:1200px;padding:50px;transition:background 1s ease-in-out}.about-container.level-2{background:linear-gradient(135deg,#030,#060)}.about-text{flex:1 1;text-align:left}.about-text h2{color:#0f0;font-size:2.5rem;margin-bottom:20px;text-shadow:0 0 10px #0f0}.about-text p{color:#ccc;font-size:1.2rem;line-height:1.6}.gain-xp-btn{background-color:#0f0;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;margin-left:50%;margin-top:15px;padding:10px 20px;transition:transform .2s,background-color .2s}.gain-xp-btn:hover{background-color:#0c0}.gain-xp-btn:active{transform:scale(.95)}.about-avatar{flex:1 1;text-align:center}.about-avatar img{border:3px solid #0f0;border-radius:50%;box-shadow:0 0 15px #0f0;height:300px;transition:transform .5s ease-in-out;width:300px}@media (max-width:768px){.about-container{flex-direction:column}.about-container,.about-text{text-align:center}.about-avatar{margin-top:20px}}.puzzle-input{background:#222;border:2px solid #0f0;border-radius:5px;color:#fff;font-size:1rem;margin-top:10px;padding:8px;text-align:center;width:200px}.puzzle-btn{background-color:#0f0;border:none;border-radius:5px;cursor:pointer;font-size:1rem;margin-left:10px;padding:8px 15px;transition:.2s}.puzzle-btn:hover{background-color:#0c0}.puzzle-success{color:#0f0}.puzzle-fail,.puzzle-success{font-size:1.2rem;font-weight:700;margin-top:10px}.puzzle-fail{color:red}.about-container.level-3{animation:pulse 2s infinite alternate;background:linear-gradient(135deg,#1b1b1b,#000)}@keyframes pulse{0%{box-shadow:0 0 10px #0f0}to{box-shadow:0 0 20px #0f0}}.projects-container{padding:50px;text-align:center}.projects-container h1{color:#0f0;font-size:2.5rem;margin-bottom:30px}.category-buttons{margin-bottom:20px}.category-btn{background-color:#222;border:2px solid #0f0;border-radius:5px;color:#0f0;cursor:pointer;font-size:1rem;margin:5px;padding:10px 15px;transition:.3s}.category-btn.active{background-color:#0f0;color:#000}.category-btn:hover{background-color:#0c0}.xp-bar-container{margin-top:20px}.xp-bar{background-color:#333;border-radius:10px;height:15px;margin:5px 0;width:100%}.xp-fill{background-color:#0f0}.project-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;margin:auto;max-width:1200px;width:100%}.project-card{align-items:center;background:#1e1e1e;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:350px;padding:20px;text-align:center}.project-image{border-radius:8px;max-height:200px}.project-card:hover{box-shadow:0 0 15px #0f0;transform:scale(1.05)}.project-image{border-radius:5px;height:180px;object-fit:cover;width:100%}.modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background:#222;border-radius:10px;max-width:500px;padding:20px;text-align:left;width:90%}.modal-content h2{color:#0f0}.navbar{align-items:center;background-color:#222;color:#fff;display:flex;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-links{display:flex;gap:20px;list-style:none}.navbar-links li a{color:#fff;font-size:1rem;text-decoration:none;transition:color .2s}.navbar-links li a:hover{color:#0f0}.navbar-avatar{border:2px solid #0f0;border-radius:50%;height:40px;margin-right:10px;width:40px}.navbar-logo{align-items:center;color:#0f0;display:flex;font-size:1.5rem;font-weight:700;text-shadow:0 0 5px #0f0}.hero-avatar:hover,.navbar-avatar:hover{box-shadow:0 0 15px #0f0;transform:scale(1.1);transition:all .3s ease}.preloader{align-items:center;animation:fadeOut 1s ease-in-out 3s forwards;background:#121212;color:#0f0;display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.preloader-icon{animation:spin 1.5s linear infinite;height:80px;width:80px}Countdown Animation .countdown{animation:pop .5s ease-in-out;font-size:4rem}.preloader-icon{animation:fadeInOut 2s ease-in-out infinite;border:3px solid #0f0;border-radius:50%;height:300px;margin-bottom:20px;width:300px}@keyframes fadeInOut{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.contact-container{padding:40px;text-align:center}.xp-bar-container{margin:20px auto;max-width:500px;width:80%}.xp-bar{background:#333;border-radius:5px;height:10px;overflow:hidden;position:relative}.xp-fill{background:linear-gradient(90deg,#f0f,#fc0);height:100%;transition:width .5s ease-in-out}.contact-form{display:flex;flex-direction:column;gap:10px;margin:auto;max-width:400px}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:5px;padding:10px;width:100%}.contact-form button{background:#fc0;border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:10px}.social-media{margin-top:20px;text-align:center}.social-icons{display:flex;gap:15px;justify-content:center;margin-top:10px}.social-icon{font-size:2rem;transition:transform .2s ease-in-out}.social-icon:hover{transform:scale(1.2)}.linkedin{color:#0077b5}.github{color:#333}.instagram{color:#e4405f}
/*# sourceMappingURL=main.350a0592.css.map*/