body {
  color: #ebdbb2;
  background-color: #282828;
  padding-left: 15%;
  padding-right: 15%;
  font-family: "Curier New", monospace;
}

h1 {
  background-color: #ebdbb2;
  color: #282828;
  text-align: center;
  text-decoration: none;
  /*border-radius: 8px; */
}

h2 {
  background-color: #ebdbb2;
  color: #282828;
  text-align: center;
  text-decoration: none;
  /*border-radius: 8px; */
}

a {
  color: #ebdbb2;
}

.showmore{
  text-align: center;
  background-color: #ebdbb2;
  color: #282828;
}

#s1 {
  background-color: #d65d0e;
}
#s2 {
  background-color: #cc241d;
}
#s3 {
  background-color: #98971a;
}
#s4 {
  background-color: #d79921;
}
#s5 {
  background-color: #458588;
}
#s6 {
  background-color: #b16286;
}
#s7 {
  background-color: #689d6a;
}

#c {
  padding: 1em;
  background-color: #665c54;
  text-align: center;
  /*border-radius: 8px; */
}

img {
  transition: all .2s ease-in-out; 
}

img:hover {
  transform: scale(1.5); 
  border: none;
  box-shadow: 5px 4px 10px #000000;

}

.pager {
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 5px;
  /*border-radius: 8px; */
  color: #282828; 
  display: flex;
  justify-content: center;
}

.pager button {
  background-color: #ebdbb2; 
  border: none; 
  color: #282828; 
  padding: 10px 20px; 
  text-align: center; 
  text-decoration: none; 
  display: inline-block; 
  font-size: 16px; 
  font-weight: 900;
  margin: 4px 2px; 
  margin-right: 10px;
  cursor: pointer; 
  /*border-radius: 8px; */
}

.sel-btn{
  background-color: #282828 !important;
  border-color: #ebdbb2 !important;
  color: #ebdbb2 !important;
  border-width: thick !important;
  border-style: solid !important;
}



.clickable {
  cursor: pointer;
}