.header {
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #cdcdcd;
}
.container {
display: flex;
padding-left: 1rem;
padding-right: 1rem;
align-items: center;
height: 4rem;
}
.logo-container {
display: flex;
margin-left: 0.625rem;
align-items: center;
}
.logo-container img {
height: 2.5rem;
width: auto;
}
.navbar {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-left: 1rem;
border-left-width: 1px;
border-color: #e5e7eb;
display: none;
margin: 0;
}
.navbar ul {
list-style-type: none;
}
.navbar li {
margin: 0 1rem;
}
.hamburger-btn {
z-index: 99;
margin-left: auto;
background: none;
border: none;
padding: 0;
cursor: pointer;
width: 1rem;
}
.mobile {
display: flex;
flex-direction: column;
background-color: #cdcdcd;
}
@media (min-width: 600px) {
.navbar ul {
display: flex;
}
.navbar {
position: relative;
display: flex;
}
.hamburger-btn {
display: none;
}
}