@import url(/landing.css);
@import url(/components/instalation/instalation.css);

.all_hamburger {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 4rem;
}

#hamburger_div {
    display: none;
    position: absolute;
    width: 10rem;
    height: 10rem;
    background-color: white;
}


.hamburger_components {
    display: flex;
    flex-direction: column;
}

.hamburger_components,
.drawer_text {
    gap: 1rem;
    padding: 1rem;
}

.whole_drawer {
    display: flex;
    box-shadow: 2px 2px 4px 2px var(--shadow-color)
}

.starthead,
.endhead {
    display: flex;
    gap: 1.5rem;
    padding: 1rem;
    align-items: center;
}

.drawer_head {
    display: flex;
    justify-content: space-between;
    background-color: var(--bg-color);
}

.mail_div {
    padding: 0.5rem;
    background-color: var(--primary-color);
}

.drawer_nav {
    width: 30rem;

}

.drawer_body {
    display: flex;
}

.item {
    display: flex;
    gap: 1rem;
}

.hamburger_icon {
    cursor: pointer;
}