:root {
  --blue: #1e2425  ; /*nav link colour*/
  --yellow:  #1E506D; /*contact button */

  --offwhite:  rgb(243, 243, 243); 
  --largemaxwidth: 1720px;
  --maxwidth: 1300px;
  --newgrey: #a6a6a6;
  --darkgrey:   #2f393d;
  --teal: #6e97ac;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --outline-width: 3px;
  --outline-color: rgba(0, 125, 250, 1);
  --outline-offset: -3px; /*use where it could stick out of page structure*/
}
.sitemap{
  list-style: none;
  text-align: center;
  font-size: 1.2rem;
  color: var(--teal);
  transition: 0.2s ease;
}
.sitemap li{
  margin-bottom: 10px;
}
h1{
  font-size: 3.2rem; 
  color: var(--teal);
  font-weight: 700;
  margin-bottom: 20px;
  letter-spacing: -0.1px;
}
.sitemap a:hover{
  color: var(--newgrey);
}
.blog-list{
  list-style: none;
  font-size: 1rem;
}