@font-face {
  font-family: 'mousey-regular';
  src: url('/assets/fonts/webfontkit-20250608-162842/mousey-regular-webfont.woff');
}

body {
  background-image: url("/assets/img/rivbackground.jpg");
  background-size: 300px;
}

.container {
  margin: 20px;
  background-color: black;
  display: flex;
  flex-direction: column;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

h1 {
  margin: 5px auto;
  padding: 5px 10px;
  background-color: seagreen;
  color: lightblue;
  font-size: 50px;
  font-family: 'mousey-regular';
  border-radius: 12px;
  border-style: solid;
  border-color: lightblue;
}

.theroom {
 height: 800px;
 width: 1000px;
 background-image: url("/assets/img/backroom.jpeg");
 background-size: contain;
 border: orange;
 border-radius: 12px;
 border-style: solid;
 margin: auto;
 position: static;
 z-index: 1;
}

.thelittlebuttons {
  position: absolute;
  z-index: 99999;
}

.thelittlebuttons:hover {
  transform: scale(1.1);
}

#dressup {
left: 500px;
  top:320px;
}