header {
 background-color: #ffffff;
 color: #5e3413;
 padding: 1%;
 margin: 0%;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
body {
  color: black;
  font-family: Verdana;
  margin: 0%;
  padding: 0%;
  background-image: url(img/acdbg.png)
}
footer {
  background-color: #8e613e;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin: 0%;
  padding: 1%;
}

@font-face {
  font-family: headings;
  src: url(ADDSBP__.TTF);
}
@font-face {
  font-family: subheadings;
  src: url(ambitsek.ttf);
}
h1 {
  font-family: headings;
  text-align: center;
  font-size: 40px;
}
h2 {
  font-family: headings;
}
h3 {
  font-family: subheadings;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #D09C1E;
  background-color: #eee19b;
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #eece52;
}
/* Create an active/current tablink class */
.tab button2.active {
  background-color: #D09C1E;
}
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 20px;
  border: 1px solid #D09C1E;
  border-top: none;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
}

.sherintrobox { 
  background-color: #ffffff;
  padding: 7%;
  height: fit-content;
  width: 447px;
}

.shercogrid {
  display: grid;
  grid-template-areas: "shercotext shercoposter";
  gap: 10px;
}
.shercotext {grid-area: shercotext;}
.shercoposter {grid-area: shercoposter;}

.watsonsketchbookgrid {
display: grid;
  grid-auto-flow: row;
  grid-template-areas:
    "watsonsketchbooktext watsonsketchbookposter";
  gap: 10px;
}
.watsonsketchbooktext {grid-area: watsonsketchbooktext;}
.watsonsketchbookposter {grid-area: watsonsketchbookposter;}

.housegrid {
display: grid;
  grid-auto-flow: row;
  grid-template-areas:
    "housetext houseposter";
  gap: 10px;
}
.housetext {grid-area: housetext;}
.houseposter {grid-area: houseposter;}

.granadagrid {  
  display: grid;
  grid-auto-flow: row;
  grid-template-areas:
  "granadatext granadaposter";
}
.granadatext { grid-area: granadatext; padding: 1%; padding-right: 2%;}
.granadaposter { grid-area: granadaposter; }

.acdgrid {
display: grid;
  grid-auto-flow: row;
  grid-template-areas:
    "acdtext acdposter";
  gap: 10px;
}
.acdtext {grid-area: acdtext;}
.acdposter {grid-area: acdposter;}

.styleswitcher {
  padding: 4%;
  background-color: #EADBC3;
  margin-top: 2%;
  width: 447px;
}

.sherflex1 {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.sherflex2 {
  display: flex;
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 25px;
  justify-content: center;
  align-items: center;
}

.nextlistandsherlockvoting {
  width: 300px;
  margin-right: 1%;
}

.nextlist { 
  background-color: #f4eee2; 
  margin-right: 20px;
  padding: 2%;
  width: 275px;
}

.antisherlockgnomes {
  background-color: #ff9191;
  padding-left: 10%;
  padding-top: 2%;
  padding-right: 10%;
  padding-bottom: 2%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.mybox1 {
    display: none;
}

#readmorebuttonid {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
    border: none;
    background-color: #ec5b5b;
}

div,
span {
    font-size: 20px;
}