body {
    margin: 0;
    padding: 0;
    font-family: "Public Sans", sans-serif;
    background-color: #f4f1e8;
}

*, *::before, *::after {
    box-sizing: border-box;

}

* {
    scroll-behavior: smooth;
    scroll-margin-top: 80px;
}

.button {
    padding: 0.6rem 1rem;
    border-radius: 5px;
    color: black;
    background-color: rgb(0, 0, 0, 0.2);
    text-decoration: none;
}

.button:hover {
    cursor: pointer;
}


.redacted {
    background-color: black;
    color: transparent;
    position: relative;
}

.redacted:hover {
    cursor: pointer;
}

.redacted::after {
    content: "████████";
    color: #222;
    position: absolute;
    left: 0;
}