:root{
  --primary:#966;
}

html{
  font:inherit;
  font-family:"Archivo", system-ui;
}

html[data-theme="light"]{
  background-color:#f4efed;
}

body{
  min-height:100vh;
  display:grid;
  place-content:center;
}

.splash{
  max-width:800px;
  width:min(800px, 90vw);
  margin:auto;
  text-align:center;
  margin-top:5rem;
}

.teaser p{
  font-family:"Archivo Black", system-ui;
  font-weight:700;
  font-size:3vw;
  font-size:max(3vw, 1.4rem);
  line-height:1;
  margin-top:1rem;
}

h1,
h2,
h3,
h4,
h5,
h6{
  margin:0;
}

.contact p{
  color:var(--primary);
  font-size:x-large;
  font-size:min(4vw, 1.4rem);
}

.contact a{
  TEXT-DECORATION:NONE;
  color:var(--primary);
  font-weight:500;
  &:hover{
    text-decoration:underline;
  }
}

.contact i{
  margin-right:.5ch;
}