@import url(/landing.css);
@import url(/utitlity.css);

body {
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
}

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

.drawer_component {
    display: flex;
}

.component_list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 40rem;
    overflow-y: scroll;
    position: sticky;
    padding: 1.5rem;
    top: 0;
    width: 18rem;
}

.component_item {
    padding: 1rem;
    border-radius: 0.2rem;
    font-weight: bold;
}

.component_item:hover {
    background-color: var(--backgroundhover-color);
    color: var(--primary-color);
}

.installation_text {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.installation {
    padding: 4rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}