body {
  font-family: "Century Gothic", sans-serif;
  margin: 0;
  padding: 0;
  background-color: #1d1e22;
}

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; /* Optional margin for spacing */
  height: 100vh;
}

.game {
  position: relative;
  background-color: #000;
  border-radius: 10px;
  padding: 20px 20px 20px 20px;
  margin: auto;
  box-shadow: 0 0 10px rgba( 214, 214, 214, 0.8);
  max-width: 300px;
  width: 90%;
}

.sentence {
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
}

.options {
  display: flex;
  flex-direction: column;
}

.option {
  margin-bottom: 10px;
  padding: 10px;
  font-family: "Century Gothic", sans-serif;
  font-size: 16px;
  color: #fff;
  background-color: #79538B;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.option:hover {
  background-color: #5B4E77;
}

.feedback {
  font-family: "Helvetica";
  font-size: 16px;
  font-weight: 500em;
  margin-bottom: 10px;
  height: 100px; /* Adjust the height as needed */
  width: 85%;
  overflow-y: auto; /* Enable vertical scrolling if the content exceeds the fixed height */
}

.spiderweb {
      position: absolute;
      bottom: 10px;
      right: 10px;
      width: 50px; /* Adjust the width as needed */
      height: 50px; /* Adjust the height as needed */
    }

.replay-button {
  padding: 10px 20px;
  font-size: 16px;
  background-color: #BB4E4E;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.replay-button:hover {
  background-color: #A24242;
  color: white;
}

/* Apply custom scrollbar to the entire document */
body::-webkit-scrollbar {
  width: 10px; /* Width of the scrollbar */
}

/* Handle */
body::-webkit-scrollbar-thumb {
  background-color: #888; /* Color of the scrollbar handle */
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Color of the scrollbar handle on hover */
}

/* Track */
body::-webkit-scrollbar-track {
  background: #f1f1f1; /* Color of the scrollbar track */
}

/* Track on hover */
body::-webkit-scrollbar-track:hover {
  background: #e0e0e0; /* Color of the scrollbar track on hover */
}