body{
  text-align: center;
  width: 100%;
  margin: 1rem;
  font-size: 1.5rem;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  background-color: hsl(229deg 41% 11%);
  color: hsl(52deg 100% 38%);
}

.image{
  margin: 1em;
}

img{
  width: clamp(8rem, 100%, 33rem);
}

.header{
  font-size: clamp(2rem, 0.5rem + 10vw, 4rem);
  margin: 3rem;
}

.contact{
  display: grid;
  gap: 0.2rem;
}

a{
  text-decoration: none;
  color: inherit;
}

svg{
  fill: hsl(52deg 100% 38%);
  width: 1.5em;
  height: 1.5em;
}