@import"https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap";*{box-sizing:border-box;padding:0;margin:0}body{height:100vh;overflow-y:auto;color:#fff;scroll-behavior:smooth}.hero-content{font-family:Share Tech Mono,VT323,monospace;height:100vh;margin-top:50px;background-color:#020303;display:flex}.profile-pic{min-height:auto;width:350px}.hero-text{color:red;margin-top:50px;margin-left:30px;padding:18px;line-height:40px}#firstword{color:#9aff9a;font-size:large;font-weight:900}.icons{margin-top:20px;margin-left:40px;color:#9aff9a;border:#f00606 2px solid;border-radius:7px 0}.icons:hover{color:red;border:#9aff9a 2px solid;border-radius:50%}@media(max-width:768px){.hero-content{flex-direction:column;justify-content:center;align-items:center;text-align:center;height:auto;padding:40px 20px}.hero-text{width:100%;margin-bottom:20px}.profile-pic{width:250px;height:auto;margin-top:15px}.links{justify-content:center}}@media(max-width:768px){.profile-pic{display:none}.autotype{font-size:larger}.links{display:flex}}.container-nav{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#3f0a0a34;color:#fff;position:sticky;z-index:999;top:0}.nav-logo,#nav-logo{font-size:24px;font-weight:700;text-decoration:none;color:#84ba84}#nav-logo:hover{color:#f74505;transition:.3s}.nav-ul{display:flex;gap:30px;list-style:none}.nav-li a{text-decoration:none;color:red;font-size:18px}.nav-li a:hover{color:#79cd79;transition:.3s}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:#fff}@media(max-width:768px){.hamburger{display:flex}.nav-ul{position:fixed;top:0;right:-100%;height:100vh;background-color:#2c1717;width:70%;flex-direction:column;align-items:center;justify-content:center;gap:30px;transition:right .35s ease-in-out;z-index:999}.nav-ul.open{right:0}}.close-btn,.close-icon{position:relative;z-index:10000;pointer-events:auto;cursor:pointer}body{height:100vh;background-color:#000}.card-container{display:flex;flex-wrap:wrap;margin:20px 20px 20px 50px;gap:50px}.languages{margin-top:50px;text-align:center;font-family:Share Tech Mono,VT323,monospace;color:red}.project-card{width:350px;background:#111;color:red;padding:18px;border-radius:12px;border:1px solid #222;font-family:Share Tech Mono,VT323,monospace;transition:transform .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-6px);box-shadow:10px 10px 10px #00ffb440}.project-img{width:100%;border-radius:10px;margin-bottom:12px;height:50px}.project-title{margin:5px 0;font-size:20px;color:#9aff9a;text-align:center;font-weight:600}.project-desc{font-size:14px;margin-bottom:10px;opacity:.8}.tech-stack span{font-size:12px;margin-right:8px;background:#1c1c1c;padding:4px 8px;border-radius:6px}*{margin:0;padding:0;box-sizing:border-box}.footer-container{width:100%;background:#0d0d0d;color:#9aff9a;font-family:Share Tech Mono,VT323,monospace;text-align:center;padding:20px 0;position:relative;z-index:1000}@media(max-width:768px){.footer-container{display:flexbox}}.container{height:100vh;background-color:#000;font-family:Share Tech Mono,VT323,monospace;font-weight:700}.mini-container{display:flex;justify-content:center;padding:0}form{line-height:45px}label{color:red}input,textarea,button{display:block;width:300px;padding:5px;border-style:none;border-radius:2px 7px;outline:none;font-family:Share Tech Mono,VT323,monospace;font-weight:700;background:#1c1c1c;color:#9aff9a;resize:none}.btn{margin-top:33px;border-style:none;border-radius:2px 7px;font-family:Share Tech Mono,VT323,monospace}.btn:hover{background-color:red}.txt{font-family:Share Tech Mono,VT323,monospace}.contact-header{text-align:center;color:red}.f{margin-top:100px}*{box-sizing:border-box}.about-container{position:relative;padding:40px;margin-top:100px;color:#03ff42;font-family:Share Tech Mono,VT323,monospace;font-weight:1000;height:100vh;z-index:1}.background-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}.about{text-align:center;color:red}.write_up{text-align:center;margin-top:20px;font-size:18px;line-height:2;max-width:800px;margin-left:auto;margin-right:auto}@media(max-width:768px){.about-container{padding:2px;margin-top:8px}}
