:root{
    --main-nav-height: 0px;
}

.main-nav{

    height: var(--main-nav-height);
position:fixed;

top:0;

left:0;

width:100%;

padding:5px 0;

background:

rgba(0,0,0,.85);

backdrop-filter:

blur(16px);

z-index:9999;

/* sadece alt kenara çizgi */
border-bottom: 1px solid rgba(0,255,255,.25);


}

.main-nav ul{

display:flex;

justify-content:center;

gap:30px;

list-style:none;


}

.main-nav a{

display: inline-block;   /* veya block */
width: 150px;            /* sabit genişlik */
text-align: center;      /* yazıyı ortalamak için */
color:#ddd;

padding:12px 24px;

border-radius:14px;

transition:.3s;

border:1px solid rgba(0,255,255,.25);
text-decoration:none;

}





.main-nav a:hover{
transform:translateX(6px);
background:rgba(0,255,255,.08);
color:#00f2ff;

text-shadow:

0 0 20px cyan,

0 0 60px cyan;

box-shadow:

0 0 20px cyan;

}