body {
  margin: 0;
  padding: 0;
  background-color: #360202;
}

.HexagonBackground {
  background-image: url(/images/name.png);

}

.CenterLRUD {
  width: 320px;
  --height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.Middle-container {
  position: relative;
  width: calc(100% - 40px);
  max-width: auto;
  margin: 10px auto 0;
  padding: 20px;
  background-color: #D1CEC9;
  border-radius: 20px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3), 0 -5px 20px rgba(0, 0, 0, 0.3);
}