.container {
      background-color: #BEBEBE;
      border-radius: 120px;
      padding: 30px;
      text-align: center;
      box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
      width: 440px;
  }
  
  h1 {
      font-size: 2em;
      margin-bottom: 15px;
  }
  
  p {
      font-size: 16px;
      color: #666;
      margin-bottom: 20px;
  }
  
  button {
      background-color: #af0098;
      color: #490149;
      padding: 7px 8px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      font-size:  16px;
      transition: background-color 0.1s ease-in-out;
  }
  
  button:hover {
      background-color: #717F89;
  }
  
  .results {
      margin: 1px 0;
  }
  
  .result-item {
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
  }
  
  .label {
      font-weight: bold;
      color: #293C4E;
  }
  
  .value, .unit {
      font-size: 18px;
  }
  
  .progress {
      background-color: #013349;
      height: 100%;
      transition: width 0.5s ease-in-out;
      width: 0%;
  }