style.css

:root {
  font-size: 16px;
  background: #ffffff;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
picture,
svg,
video {
  display: block;
}

* {
  margin: 0;
  padding: 0;
  font: inherited;
}

body {
  background-color: #fff0df;
  min-height: 100svh;
  width: 100%;
}

.background {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.backgroundImage {
  width: 100%;
  height: 100svh;
  object-fit: cover;
  z-index: 0;
}

.container {
  min-height: 100svh;
  width: 100%;
  display: grid;
  place-content: center;
  z-index: 5;
}

.container * {
  z-index: 5;
}
input {
  min-width: 250px;
}

.buttonWrap {
  margin: 1rem 0;
}

ul {
  /* margin: 1rem; */
}

li {
  position: relative;
  margin: 1rem auto;
  list-style-type: lower-roman;
  width: 90%;
}

.title {
  position: absolute;
  left: 0;
  width: fit-content;
}

li > button {
  float: right;
  margin: 0 0.1rem;
  /* right: 0; */

  /* font-size: 10; */
}

li > span {
  position: absolute;
  right: 50%;
}