*{
    box-sizing:border-box;
}

img {
    max-width:100%;
}

html, body {
    font-family: 'Courier New', Courier, monospace;
}

h1 {
    padding: 4% 11%;
}
/* general style sheet for every page, for more specific pages use templates */

.info-button1 {
  position: fixed;       /* stays in viewport */
  bottom: 20px;          /* distance from bottom */
  right: 20px;           /* distance from right */
  padding: 10px 15px;
  background-color: white;
  color: black;
  border: none;
  border-radius: 5px;
  font-family:'Courier New', Courier, monospace;
  font-size: 60%;
  z-index: 100;          /* above other content */
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: background-color 0.3s ease;
}

.info-button2 {
  position: fixed;       /* stays in viewport */
  bottom: 20px;          /* distance from bottom */
  left: 20px;           /* distance from right */
  padding: 10px 15px;
  background-color: white;
  color: black;
  border: none;
  border-radius: 5px;
  font-family:'Courier New', Courier, monospace;
  font-size: 60%;
  z-index: 100;          /* above other content */
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: background-color 0.3s ease;
}

.info-button1:hover {
  background-color: red; 
}

.info-button2:hover {
  background-color: red; 
}