/* * {
  outline: 1px solid red;
} */
.wrapper {
    display: grid;
    grid-template-columns: 20% 1fr;
    height: 100vh;
}
.left_sidebar{
    display: grid;
    align-content: start;
    gap:10px;
}

.header {
    display: grid;
}

.content {
    display: grid;
}

.wrapper_1 {
    display: grid;
    grid-template-rows: 5vh 1fr;
    height: 100%;
}
.wrapper_2 {
    display: grid;
    grid-template-columns: 70% 1fr;
    height: 100%;
}
.right_sidebar{
    display: grid;
}