body {
    margin: 0;
    background: url("/my-reviews/undertale/background.jpg");
    font-family: sans-serif;
    background-repeat: no-repeat;

      background-size: cover;
      margin: 0;
    }
  
  
  .site-header {
    text-align: center;
    padding: 20px 0;
  }
  
  .site-header img {
    height: 180px;          
  }

  iframe {
    background-color: #000;
    padding: 1px 2px 2px 2px;
    border-radius: 5px;
}


#nav {
    font-size: 13px;
    font-weight: bold;
    padding: 18px 0 0 0;
    position: relative;
    left: -5px;
}
#nav a {
    display: inline-block;
    padding: 2px 5px;
    margin: 2px 0.3em 2px 0;
    color: purple;
    border-radius: 3px;
    background-color: #000000;
    text-decoration: underline;
}

table, th, td {
  border: 1px solid rgb(0, 0, 0);
  background: purple;
    font-family:"Tahoma", sans-serif; 
			font-size: 10pt;
			color : white;
}

td p {
  display: block;
  margin: 10px 0;
  white-space: normal;
}

table, td {
  border: 1px solid black;
  background: purple;
  color: white;
  font-family: Tahoma, sans-serif;
  font-size: 10pt;
}



.nav-buttons {
  width: auto;           
  display: flex;
  flex-direction: column;
  gap: 10px;
}


.nav-buttons a img {
  width: 100%;            
  height: auto;
}


.nav-buttons a.active {
  border: 1px solid rgb(255, 255, 255);
text-align: center;
padding: auto; 
}

div.scroll-container {
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
}

div.scroll-container img {
  padding: 10px;
}