@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;900&display=swap');
:root { --c0: #050505; --c1: #ffffff; }

*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Outfit', sans-serif; background: var(--c0); color: var(--c1); overflow-x: hidden; width: 100vw; -webkit-font-smoothing: antialiased; }
::-webkit-scrollbar { display: none; }
.m_nav { position: fixed; top:0; left:0; width: 100%; padding: 2rem 4rem; display: flex; justify-content: space-between; z-index: 100; font-family: 'Outfit', sans-serif;}
.m_nav a { color: var(--c1); text-decoration: none; font-weight: 900; font-size: 1rem; text-transform: uppercase; transition: opacity 0.3s; letter-spacing: 2px;}
.m_nav a:hover { opacity: 0.6; }
.nav-links { display: flex; gap: 3rem; }

@media(max-width: 768px) { 
    .m_nav{ flex-direction:column; gap:1rem; padding: 1rem; align-items:center; } 
    .nav-links{ gap:1rem; } 
}