html {
    font-family: arial, sans-serif;
    background: linear-gradient(to bottom,  #00c9fb,#7676a9 );
  }
  
  body {
    height: 100%;
    max-width: 500px;
    margin: auto;
  }
  
  h1 {
    text-align: center;
  }
  
  h2 {
    margin-left: 1.2rem;
  }
  
  fieldset {
    margin: 1.2rem;
  }
  
  legend {
    font-weight: bold;
  }
  
  .stats {
    display: block;
    margin-top: .6rem;
  }
  
  #activity-selection {
    display: block;
    text-align: center;
    margin: 1.2rem;
  }
  
  #activity-level li {
    margin-bottom: 1.2rem;
  }
  
  #parameters {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  #parameters label {
    margin: .4rem;
  }

  #food-selection label{
    display: block;
  }