/* ================= RESET ================= */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Bookman Old Style', serif;
background:#111;
color:white;
scroll-behavior:smooth;
overflow-x:hidden;
}

/* ================= NAVBAR ================= */

.navbar{
position:fixed;
top:0;
left:0;
width:100%;
height:70px;
display:flex;
justify-content:space-between;
align-items:center;
padding:0 15px;
background:#000;
z-index:1000;
}

.logo img{
height:55px;
}

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

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

.nav-links a:hover,
.nav-links .active{
color:#F77F00;
}

/* ================= HAMBURGER ================= */

.hamburger{
display:none;
flex-direction:column;
gap:6px;
cursor:pointer;
background:none;
border:none;
padding:0;
}

.hamburger span{
width:28px;
height:3px;
background:#F77F00;
border-radius:3px;
}

/* ================= MOBILE NAV ================= */

@media(max-width:900px){

.hamburger{
display:flex;
}

.nav-links{
position:fixed;
top:70px;
right:-100%;
width:100%;
height:calc(100vh - 70px);
background:#000;
flex-direction:column;
justify-content:center;
align-items:center;
gap:40px;
transition:0.4s ease;
}

.nav-links.show{
right:0;
}

.nav-links a{
font-size:20px;
}

}

/* ================= FOOTER ================= */

.main-footer{
background:#000;
padding:15px;
text-align:center;
}

.footer-bottom{
color:#ccc;
font-size:13px;
white-space:nowrap;
}