html {margin: 0; padding: 0;}

body {background: linear-gradient(to bottom, #3c3250 0%, #646d93 100%); background-repeat: no-repeat; background-attachment: fixed; color: white; font-family: "Times New Roman"; margin: 0; padding: 0;}

h2 {margin-bottom: 0;}

p {margin-top: 0;}

ol {overflow: hidden;}

img {white-space: pre-wrap;}

a:link {color: #fffbcf; text-decoration: none;}
a:visited {color: #f2acff; text-decoration: none;}
a:hover {color: #ffe2cf; text-decoration: underline;}
a:active {color: #ffe2cf; text-decoration: underline;}

button {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  text-decoration: none;
  font-family: "Times New Roman";
  border: none;
  padding: 15px 15px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
}

button:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  text-decoration: none;
  font-family: "Times New Roman";
  border: none;
  padding: 15px 15px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
}

.header {
  padding: 20px;
  background: #2e1c38;
  color: white;
  font-size: 20px;
  }
  
.headerlink0 {color: white; text-decoration: none; margin-right:30px; font-weight: bold}
  
.headerlinkx {color: white; text-decoration: none; margin-right:20px}

.content {padding: 5px 10px; margin-left: 10px; margin-right: 10px;}

.shortpadding {margin-bottom: 0;}

.poem {font-family: "Garamond"; font-size: 20px; clear:left;}
.imgpoem {float:left; padding-right:10px;}

.context {display: none; color: #ffffcc;}
.imgcontext {float:left; padding-right: 10px;}

.spoiler {display: none;}

.centeredlist {display: inline-block; text-align:left;}

.sticky {position: fixed; top: 0; width: 100%;}
.sticky + .content {padding-top: 65px;}

.fancycard {
  border: 10px double white;
  padding-left: 10px;
  }

.emptytile {
  background: rgba(255, 255, 255, 0.2);
  color: #ffff00;
  text-decoration: none;
  font-family: "Times New Roman";
  border: none;
  padding: 20px 20px;
  text-align: center;
  display: flex;
  font-size: 24px;
  }
  
.numbertile {
  background: rgba(255, 255, 255, 0.2);
  color: #ffff00;
  text-decoration: none;
  font-family: "Times New Roman";
  font-weight: bold;
  border: none;
  text-align: center;
  display: inline-grid;
  font-size: 24px;
  align-items: center;
  }
  
.gametable {display:grid; grid-auto-rows: 80px; grid-template-columns: repeat(4, 80px);}