body{
    font-size: min(1.2rem, 4vw);/*general font size for legal documents*/
}

main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    counter-reset: section-counter
}

section h2::before {
    counter-increment: section-counter;
    content: counter(section-counter) ". "
}

.title {
    text-align: center
}

.go-back {
    position: sticky;
    bottom: 1.25rem;
    left: 1.25rem;
    margin: 1.875rem;
    animation: 1s .5s infinite alternate backForth
}

.go-back:hover {
    animation: none
}

section{
    width: 90vw;
}

@keyframes backForth {
    from {
        transform: translateX(1.875rem)
    }

    to {
        transform: translateX(-.3125rem)
    }
}

@media (min-width:768px) {
    section {
        width: 50vw
    }
}