body {
    margin: 0;
    padding: 0;
  }
  
  header,
  footer {
    text-align: center;
  }
  
  header {
    padding: var(--metric-box-spacing);
   
    font-size: 1.4em;
  }
  
  main {
    margin-top: 5vh;
    min-height: calc(100vh - 7em);

  }
  
  article {
    
    text-align: center;

    
  }
  
  .scan > img {
    text-align: center;
    margin-top: 5vh;
    height: 25vh;
    
  }
  aside {
    background-color: hsl(0deg 70% 95%);
  }
  
  article,
  aside {
    padding: var(--metric-box-spacing);
    margin: var(--metric-box-spacing);
  }
  

  footer {
    padding: calc(var(--metric-box-spacing) / 2);
    background-color: hsl(200deg 70% 95%);
  }
  
  p {
    margin-block-start: var(--metric-box-spacing);
    color: black;
    font-size: 48px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  }