/*
Theme Name: DJ BassViper Banner + Navigation
Author: DJ BassViper
Version: 2.1
*/

html,body{
 margin:0;
 padding:0;
 font-family:Arial,sans-serif;
 background:linear-gradient(180deg,#020814,#000);
 color:#e6f4ff;
}

.banner{
 height:70vh;
 background:url('assets/banner.jpg') center/cover no-repeat;
}

.navbar{
 background:linear-gradient(180deg,rgba(0,15,40,.95),rgba(0,5,20,.95));
 border-top:1px solid rgba(120,200,255,.25);
 border-bottom:1px solid rgba(120,200,255,.25);
}

.navbar ul{
 list-style:none;
 display:flex;
 justify-content:center;
 gap:30px;
 margin:0;
 padding:14px 0;
}

.navbar a{
 color:#7fc9ff;
 text-decoration:none;
 font-size:13px;
 text-transform:uppercase;
 letter-spacing:1.5px;
 position:relative;
}

.navbar a::after{
 content:"";
 position:absolute;
 left:0;
 bottom:-6px;
 width:0;
 height:2px;
 background:#4fb8ff;
 transition:.3s;
}

.navbar a:hover::after{
 width:100%;
}

main{
 max-width:1100px;
 margin:60px auto;
 padding:34px;
 background:rgba(5,15,30,.6);
 border-radius:20px;
}

footer{
 background:linear-gradient(180deg,#020814,#000);
 text-align:center;
 padding:40px 10px;
}

footer a{
 color:#4fb8ff;
 font-size:26px;
 margin:0 14px;
}

footer p{
 margin-top:18px;
 font-size:13px;
 color:#9bbcd1;
}

@media(max-width:768px){
 .banner{height:45vh}
 .navbar ul{flex-wrap:wrap;gap:16px}
}