* {
  margin: 0;
  padding: 0;
}

body {
  background-image: url(/assets/ui/background.png);
}

hr {
  border: 1px dashed #bf4659;
  width: 60%;
  margin: 3% auto;
}

p {
  margin-bottom: 15px;
}

li {
  margin-left: 25px;
}

h1, h2, h3, h4, h5, h6 {
  color: #a32626;
}

.root {
  margin: 1% auto;
  width: 60%;
  background: rgba(0, 0, 0, 0.5);
  border: 15px solid black;
  border-image: url(/assets/ui/border.png) 12 round;
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
}

header {
  width: 100%;
}

main {
  display: flex;
  justify-content: center;
  background-image: linear-gradient(to bottom, #bf4659 1px, #f5abb9 15px);
}

footer {
  border-top: 5px solid #bf4659;
  background: #f5abb9;
}

.banner-container {
  width: 100%;
}

.banner-container > a {
  width: 100%;
  display: block;
}

.banner-container > a > img {
  width: 100%;
  image-rendering: pixelated;
}

.links {
  margin-top: -5px;
  padding: 5px 0 5px 0;
  display: flex;
  justify-content: center;
  gap: 15px;
  background-image: linear-gradient(to bottom, #f5abb9 5%, #bf4659 25%, #bf4659 65%, #a32626 90%);
}

.links > a {
  font-weight: bolder;
  text-decoration: none;
  color: #5bdeff;
}

.content {
  padding: 15px;
  width: 60%;
  height: 50vh;
  overflow-y: scroll;
}

.porta-da-geladeira {
  padding: 15px;
  width: 40%;
  border-left: 3px solid #a32626;
}

.buttons-overflow {
  width: 100%;
  overflow-x: scroll;
}

.buttons {
  display: flex;
  justify-content: start;
  gap: 5px;
  padding: 5px;
}

.button {
  image-rendering: pixelated;
  width: 176px;
}

.image-container > img {
  width: 100%;
}

.pixel-art {
  image-rendering: pixelated;
}

/*# sourceMappingURL=styles.css.map */