* {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.container {
  display: block;
  width: 80%;
  margin: auto;
  height: fit-content;
}

.main {
  height: 500px;
}

.btn {
  outline: none;
  font-size: 1.3em;
  border-radius: 15px;
  border: none;
  padding: 5px 20px;
  background-color: rgb(61, 131, 61);
  margin: 5px;
}

.btn:hover {
  cursor: pointer;
  opacity: 80%;
}

.btn-main {
  float: right;
}

.question-span {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.question-span select {
  padding: 5px;
  border-radius: 10px;
  border-color: rgb(0, 166, 255);
  background-color: rgba(0, 166, 255, 0.2);
}

.question-span option {
  padding: 20px;
}

.likert li {
  float: left;
  list-style-type: none;
  padding: 0px 15px;
}

.likert-span {
  display: flex;
}