body { background: hsl(0, 0%, 80%); font-family: 'Gelasio', serif; }
h1 { border: 1px solid hsl(0, 0%, 70%); text-align: center; border-width: 1px 0; font-family: 'Zhi Mang Xing', cursive; font-size: 100px; padding: 40px 0 30px; margin-top: 30px; }
h1 a:hover { color: #212529; text-decoration: none; }
.rules { padding: 40px 0 20px; }
h2 { margin-bottom: 0; text-align: center; }
.table { margin-bottom: 40px; }
.table tr, .card-body { background: hsl(0, 0%, 90%); }
.table tr:hover { background: hsl(0, 0%, 85%); }
.table tr:hover a { text-decoration: underline; }
.table td, .table th { border-color: hsl(0, 0%, 70%); white-space: nowrap; }
.container { padding-bottom: 40px; margin-bottom: 80px; }
.date td { padding: .25rem .75rem; }
.table thead .subline th { background-color: hsl(0, 0%, 70%); color: hsl(0, 0%, 20%); border-color: hsl(0, 0%, 80%); padding: 6px 12px; }
.table tr.selected { background: #ecdcc6; color: #9c1313; }
a { color: #212529; text-decoration: none; }
.selected a, a:hover, a:focus { color: #9c1313; }
img.pillow { width: 225px; margin: 0 auto; }
.col-form-label, label { font-size: 1.5rem; }
.bvg { position: relative; }
.bvg select { position: absolute; top: 50%; margin-top: -60px; background: transparent; color: white; width: 75%; height: 100px; border: none; font: bold 2rem sans-serif; left: 10%; }
.bvg select:focus { outline: none; }
.bvg option { color: black; }