body {
  background-color: gray;
}

h1 {
  text-align: center
}

form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 400px;
}

.container{
  display: flex;
  justify-content: center;
}

.risk-bar-container {
  width: 100%;
  background-color: #ddd;
  border-radius: 8px;
  height: 20px;
  margin-top: 10px;
}

.risk-bar {
  height: 100%;
  border-radius: 8px;
  transition: width 0.5s ease-in-out;
}

.risk-bar.green {
  background-color: green;
}

.risk-bar.orange {
  background-color: orange;
}

.risk-bar.red {
  background-color: red;
}