*{box-sizing:border-box;font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,Ubuntu Mono,Source Code Pro,Fira Mono,Droid Sans Mono,Consolas,Courier New,monospace;margin:0;padding:0;z-index:1}#root{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}body{padding-block-start:70px;background-color:#000}.navbar{position:fixed;top:0;left:50%;transform:translate(-50%);padding-block:20px;z-index:1000}.navbar-outer{background:linear-gradient(90deg,#0a192fe6,#004e7880);display:flex;gap:20px;padding:6px;border-radius:100px}.navbar-logo{background-color:#000;border:none;border-radius:100px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600;padding:5px 15px;height:45px;width:80px;transition:background-color .3s ease-in-out}.navbar-logo:hover{background-color:#ffffff4d}.logo-text{fill:#fff;transition:fill .3s ease}.navbar-logo:hover .logo-text{fill:#f4f4f4}.navbar-inner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#e8e5e480;border-radius:100px;opacity:1;display:flex;justify-content:space-evenly;padding:5px;gap:10px;height:45px;align-items:center}.navbar-element{color:#fff;font-size:14px;text-decoration:none;padding:10px 20px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:100px;transition:background-color .3s ease}.navbar-element:hover{background-color:#ffffff4d}.navbar-element.active{background-color:#fff;color:#4e54c8;font-weight:700;box-shadow:0 2px 4px #0003}.hero{display:flex;justify-content:center;align-items:center;background-color:#1a202c}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;color:#e2e8f0}.hero-content p{margin-top:1rem;margin-bottom:2rem}.fade-in{animation:fadeIn 1s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-unit-heading{font-size:4rem;font-weight:700;color:#f4f4f4}@media(min-width:768px){.hero-unit-heading{font-size:6rem}}.scrambled-text{font-size:4rem;font-weight:700;color:#a0aec0}.about-section{padding:2rem;text-align:center}.about-title,.about-title-scrambled{font-size:2.5rem;color:#e2e8f0;margin-bottom:1.5rem}.about-text{font-size:1.2rem;color:#e2e8f0;line-height:1.6;max-width:600px;margin:0 auto}.skills{font-size:2.5rem;font-weight:500;color:#e2e8f0;margin-bottom:1.5rem}.tech-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:1rem 0;max-width:700px}.skill-card{position:relative;width:150px;height:80px;border-radius:.5rem;overflow:hidden;border:solid 1px #fff}.skill-card:hover{border:solid 1px #d3d3d3}.skill-card canvas{position:absolute;top:0;left:0;z-index:0}.skill-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;z-index:1}.skill-text{display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:500;color:#fff}.footer{display:flex;justify-content:space-evenly;align-items:center;padding:2rem;color:#e2e8f0;width:60%}.social-icons a{color:inherit;text-decoration:none;display:flex;align-items:center}.social-icons{align-items:center;justify-content:space-evenly;color:#fff;display:flex;gap:10px}.social-icons svg{transition:transform .3s ease,color .3s ease;cursor:pointer}.social-icons svg:hover{transform:scale(1.2);color:#4e54c8}.particles-container{background-color:#000;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}