*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, sans-serif;
}

body{
height:100vh;
/* width: 100vh; */

overflow-x: hidden;

/* background:url("/images/banner_1.jpg") center/cover no-repeat; */

background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)),url('./images/banner_1.jpg') center/cover no-repeat;

color:white;
}

.container{
    width: 90%;
    margin: auto;
}

/* Navbar */

.navbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 60px;
background:rgba(0,0,0,0.5);
}

img{
height:100px;
}

.nav-links{
display:flex;
list-style:none;
gap:30px;
}

.nav-links a{
color:white;
text-decoration:none;
font-size:16px;
transition:0.3s;
}

.nav-links a:hover{
color:#00e5ff;
}

/* Hero */
.hero{
/* min-height:100vh; */
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;

padding-top:80px;
}


.hero h1{
font-size:60px;
margin-bottom:10px;
}

.hero p{
font-size:20px;
margin-bottom:40px;
}

/* Countdown */

#countdown{
display:flex;
gap:40px;
font-size:24px;
}

#countdown div{
text-align:center;
}

#countdown span{
font-size:40px;
font-weight:bold;
display:block;
}