body {
    font-family: sans-serif;
    background-color: #375b5c;
}

.wrapper {
    max-width: 1000px;
    margin: 0 auto;
    background-color: #e7e7e7;
    padding: 10px
}

a:hover {
    text-decoration: none
}

.grid {
    display: grid;
    gap: 1rem
}

.grid-nogap {
    gap: 0
}

dd:has(a) {
    margin-bottom: 15px;
}

:any-link {
    color: #482803;
}

label {
    line-height: 1.5;
}

input[type=text] {
    margin-bottom: 10px;
}

input[type=text]:optional {
    background-color: #f0fbff;
}

input[type=checkbox]  {
    accent-color: orange;
    cursor: crosshair;
    margin-right: 5px;
}

textarea {
    scrollbar-color: #f0f0f0 #707070;
    margin: 10px 0 20px;
}

footer a[href*=javascript] {
    float: right;
    margin-right: 10px
}