* {
  box-sizing: inherit;
}

html, body{
  height: 100%;
  margin: 0;
  padding: 0;
}

.size_background_images {
  background-repeat: no-repeat; /* 2. Prevents the image from tiling */
  background-position: center center; /* 3. Centers the image */
  background-attachment: fixed; /* 4. Keeps the background image fixed while the content scrolls */
  background-size: cover; /* 5. Stretches the image to fill the screen */
}

.default_background {
  background-image: url('/assets/interactables/home_background_tile.gif'); /* path to your tile image */
}

.header_container {
  margin-top: 5%;
  margin-bottom: 5%;
}

.header_logo {
  max-width: 80%; 
  height: auto;
  display: block;
  margin: auto;
}

.menu {
  list-style: none;
  max-width: 65%; 
  height: auto;
  display: block;
  margin: auto;
  background-color: #FF00FF;
  opacity: 90%;
  border: yellow 4px;
  border-style: dashed;
  position: relative;
}

/* .menu_row {} */

.menu_container{
  height: auto;
  display:block;
  margin: 3% 3% 3% 3%;
  padding: 2%;
  max-width: 60%; 
}

.menu_table{
  margin-left: 20%;
}

.menu_list_text{
  color: yellow;
  text-decoration: inherit;
  font-size: 75px;
}

.menu_list_icons{
  width: 75px;
  height: 75px;
  /* height: auto; keeps aspect ratio*/
}

.random_btn:hover{
  cursor: pointer;
}

.random_btn_main_placement {
  position: absolute;
  right:    0;
  bottom:   0;
  margin: 3% 3% 1% 3%;
}

.random_btn_category_placement {
 display: flex;
 justify-content: center; /* Align Horizontally */
 align-items: center;     /* Align Vertically */
 height: 40%;
}

.content_list {
  background-color: #FF00FF;
}