@media (min-width: 540px) {
    body {
        display: grid;
        grid-template-columns: 20% 1fr 20%;

        gap: 0em 1em;
        grid-template-areas:
            "menu main toc"
            "footer footer footer";
    }
}

html {
    scroll-behavior: smooth;
  }

body {
    max-width: 1000px;
}

.backTop {
    content: "test";
}

.menu {
    grid-area: menu;
    font-size: .9rem;
}

.main {
    grid-area: main;
}

.toc {
    grid-area: toc;
    font-size: .9rem;
    overflow: scroll;
}

.toc ul {
    padding: 0 0 0 1em;
}

.footer {
    grid-area: footer;
    margin: .9rem 0;
}