:root {
  --red-color1: #8B0000;
  --red-color2: #800020;
  --gray-color1: #232B2F;
  --gray-color2: #1F2426;
  --gray-color3: #404040;
  --gray-color4: #36454F;
  --gray-color5: #0F0F0F;
  --darkwhite-color: #D6D6D4;
}

body {
  background-color: var(--gray-color2);
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: var(--darkwhite-color);
}

.mybody {
  background-color: var(--gray-color1);
}

.contrastbody {
  background-color: var(--red-color2);
}

.dropdown {
  background-color: var(--red-color2);
  color: var(--darkwhite-color);
  text-shadow: -1px 1px var(--gray-color5);
}

.w3-dropdown-hover:hover .dropdown,
.w3-dropdown-hover:hover .w3-dropdown-content,
.w3-bar-item:hover {
  text-shadow: none;
}

.mybutton {
  color: var(--darkwhite-color);
  background-color: var(--red-color2);
  text-shadow: -1px 1px var(--gray-color5);
}

.mybutton:hover {
  text-shadow: 0px 0px var(--darkwhite-color);
}

.welcome {
  font-size: x-large; 
  text-align: center;
  color: var(--red-color2);
}

.auction {
  width: 50vw;
}

.carousel {
  width: 100%;
  max-width: 600px;
  max-height: 300px;
}