/* css-tricks.com */









* {
  margin: 0;
  padding: 0;
  
  font-family: 
    "Source Sans Pro", 
    system-ui, 
    -apple-system, 
    "Segoe UI", 
    Roboto, 
    Ubuntu, 
    Cantarell, 
    "Noto Sans", 
    sans-serif, 
    "Apple Color Emoji", 
    "Segoe UI Emoji", 
    "Segoe UI Symbol", 
    "Noto Color Emoji";
}

.page-wrapper {
  margin: 40px;
}

header {
  margin-bottom: 40px;
}

header h1 {
  font-size: 48px;
  font-weight: normal;
  text-shadow: 0 2px 2px rgb(0 0 0 / 50%);
}

header .description {
  display: block;
  margin: -5px 0 0 10px;
  font-size: 20px;
  text-shadow: 0 2px 2px rgb(0 0 0 / 20%);
}

header .contact {
  margin: 10px 0 0 10px;
  font-size: 16px;
  font-weight: lighter;
}

header .contact h2 {
  display: none;
}

main h2 {
  margin: 10px 0 10px 0;
  font-size: 24px;
  font-weight: normal;
  text-shadow: 0 2px 2px rgb(0 0 0 / 15%);
}

main p {
  margin: 10px 0 10px 10px;
  font-size: 16px;
}

footer {
  margin-top: 40px;
  font-size: 12px;
  font-weight: lighter;
}