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

.hamburger{

display:none;
flex-direction:column;
cursor:pointer;
gap:5px;

}

.hamburger span{

width:25px;
height:3px;
background:white;

transition:0.3s;

}


/* =========================
RESPONSIVE MENU
========================= */

@media (max-width:768px){

.hamburger{
display:flex;
}

/* ocultar menu */

.menu{

position:absolute;
top:70px;
left:0;
width:100%;
background:#0d1117;
display:none;
}

/* menu visible */

.menu.active{
display:block;
}

/* lista vertical */

.menu ul{

flex-direction:column;
align-items:center;
}

.menu ul li{
margin:15px 0;
}

}