@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";html,body,#root{font-family:JetBrains Mono,monospace;margin:0;padding:0;height:100%}html{scroll-behavior:smooth}.App{height:100%}.App .terminal-container{display:flex;align-items:center;height:100vh;width:100%}@media (max-width: 768px){.App .terminal-container{padding:10px}}.Projects{display:flex;flex-direction:column;gap:20px;padding:40px 20px}@media (max-width: 768px){.Projects{padding:30px 15px}}@media (max-width: 480px){.Projects{padding:20px 10px;gap:15px}}.Card{width:100%;max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:16px;box-shadow:0 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.Card h1{font-size:1.3rem;margin-bottom:10px;color:#222}.Card small{font-size:.95rem;color:#666;margin-bottom:20px;display:block}.Card button{padding:10px 20px;background-color:#007bff;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:background-color .2s ease}.Card button:hover{background-color:#0056b3}.Card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}@media (max-width: 768px){.Card{max-width:90%}.Card h1{font-size:1.2rem}.Card small{font-size:.9rem}}@media (max-width: 480px){.Card{padding:15px}.Card h1{font-size:1.1rem}.Card small{font-size:.85rem;margin-bottom:15px}.Card button{padding:8px 16px;font-size:.9rem}}.AboutMe{padding:80px 20px;text-align:center}.AboutMe h2{font-size:2rem;margin-bottom:20px;color:#333}.AboutMe p{max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.6;color:#444}.AboutMe .view-button{display:inline-flex;align-items:center;justify-content:center;margin-top:25px;padding:10px 20px;background-color:#007bff;color:#fff;border-radius:8px;text-decoration:none;font-weight:700;transition:background-color .3s ease,transform .2s ease}.AboutMe .view-button:hover{background-color:#0056b3;transform:translateY(-2px)}.AboutMe .view-icon{margin-right:8px}@media (max-width: 768px){.AboutMe{padding:40px 15px}.AboutMe h2{font-size:1.7rem}.AboutMe p{font-size:1rem}.AboutMe .view-button{padding:8px 18px;margin-top:20px;font-size:.95rem}}@media (max-width: 480px){.AboutMe{padding:30px 10px}.AboutMe h2{font-size:1.5rem}.AboutMe p{font-size:.9rem}.AboutMe .view-button{padding:8px 16px;margin-top:18px;font-size:.9rem}.AboutMe .view-icon{margin-right:6px}}.Contact{text-align:center;padding:60px 20px;background-color:#f9f9f9}.Contact p{font-size:1.2rem;margin-bottom:10px;color:#333}.Contact .emailBtn{display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;border-radius:8px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.Contact .emailBtn:hover{background-color:#0056b3}.Contact .social{display:flex;justify-content:center;gap:10px;margin-top:20px}@media (max-width: 768px){.Contact{padding:40px 15px}.Contact p{font-size:1.1rem}.Contact .social{gap:15px}}@media (max-width: 480px){.Contact{padding:30px 10px}.Contact p{font-size:1rem}.Contact .emailBtn{padding:8px 16px;font-size:.9rem}.Contact .social{gap:10px}}.Header{display:flex;justify-content:space-between;align-items:center;padding:20px}.Header h1{margin:0}.Header nav a{margin-left:20px;text-decoration:none;color:#333;font-weight:700}.Header nav a:hover{color:#007bff}@media (max-width: 768px){.Header{padding:15px 10px}}@media (max-width: 600px){.Header{flex-direction:column;align-items:center;text-align:center}.Header nav{margin-top:10px}}.Skills{padding:60px 20px;text-align:center;background-color:#f9f9f9}.Skills h2{font-size:2rem;margin-bottom:40px;color:#333}.Skills .skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;max-width:1000px;margin:0 auto}.Skills .skill-item{background-color:#fff;border-radius:10px;padding:20px 15px;box-shadow:0 4px 8px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px}.Skills .skill-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.Skills .skill-item .icon{font-size:2.5rem;margin-bottom:10px;color:#007bff;transition:transform .3s ease}.Skills .skill-item:hover .icon{transform:rotate(10deg) scale(1.1)}.Skills .skill-item span{font-weight:500;color:#444}@media (max-width: 768px){.Skills{padding:50px 15px}.Skills h2{font-size:1.7rem;margin-bottom:30px}.Skills .skills-grid{gap:20px}.Skills .skill-item{padding:15px 10px;width:120px}.Skills .skill-item .icon{font-size:2.2rem}}@media (max-width: 480px){.Skills{padding:40px 10px}.Skills h2{font-size:1.5rem;margin-bottom:25px}.Skills .skills-grid{gap:15px}.Skills .skill-item{padding:12px 8px;width:100px}.Skills .skill-item .icon{font-size:2rem;margin-bottom:8px}.Skills .skill-item span{font-size:.9rem}}.Layout{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 6fr 1fr;height:100%}.Layout>header{grid-column:1;grid-row:1}.Layout>main{grid-column:1;grid-row:2}.Layout>footer{grid-column:1;grid-row:3}@media (max-width: 768px){.Layout{grid-template-rows:auto 1fr auto}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.Terminal{background-color:#1e1e1e;color:#0f8;font-family:JetBrains Mono,monospace;padding:20px;border-radius:10px;width:100%;max-width:800px;height:300px;margin:60px auto;box-shadow:0 0 20px #0f83;overflow-y:auto;position:relative;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box}.Terminal>div{width:100%}.Terminal .line{margin:8px 0;white-space:pre-wrap;word-break:break-word}.Terminal .prompt{color:#0fa;font-weight:700}.Terminal .cursor{display:inline-block;width:10px;height:18px;animation:blink 1s infinite;background-color:#0f8;margin-left:2px;vertical-align:middle}@media (max-width: 768px){.Terminal{padding:15px;margin:40px auto;height:250px}.Terminal .cursor{width:9px;height:16px}}@media (max-width: 480px){.Terminal{padding:10px;margin:30px auto;font-size:.9rem;height:200px}.Terminal .line{margin:6px 0}.Terminal .cursor{width:8px;height:14px;margin-left:1px}}