body {
    background-color: ghostwhite;
    color: black;
    max-width: 974px;
    margin: auto;
    padding: 10px;
    font-size: 1.1em;
}


header {
 margin-bottom:5px;
}

header > p {
    text-align:center;
}

a.logo, a.logo:visited {
    text-decoration: none;
    color: teal;
    font-style: italic;
    font-size: 1.68rem;
    letter-spacing: .68rem;
}

a.logo:hover {
    text-decoration:underline;
}

footer {
  margin-top: 10px;
  padding: 5px;
  color: darkgray;
  text-align:center;
}

pre {display: inline-block; background: #eee; padding:5px; }
code {background: #eee; padding: 5px;}

blockquote {
    border-left: 2px solid #c0c0c0;
    padding-left: 5px;
}

table, tr, td {
    border: 1px solid lightgrey;
}


::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: .3s;
}

video {
    border: 5px solid red;
}

.center {
    text-align:center;
}

turbo-frame {
    opacity: 1;
    transition: opacity 0.15s ease-in-out;
}

turbo-frame[busy] {
    opacity: 0.5;
}