  
  *,
  *::before,
  *::after {
    
    box-sizing: border-box;
  }
    
  html {
    
    font-family: "DEFAULT", sans-serif;
    font-size: 16px;
    
    line-height: 1.5;
    
    color: #333333;
    
    overflow-x: hidden;
  }
  
  @media screen and (min-width: 1600px) {
    
    html {
      font-size: 1vw;
    }
  }
    
  body {
    
    width: 100%;
    max-width: 60em;
    min-height: 100vh;
    
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto;   /* bëhet që main të zejë hapësirën e mbetur, nëse përmbajtja është më e shkurtër se height i <body>. */
    justify-items: stretch;
    align-items: start;
    
    margin: 0em auto;
  }
    
  main {
    
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
  }
  