@import url("https://use.typekit.net/qpc7igg.css");

:root {
  --theme-1: #2F9395;
  --theme-2: #F7D969;
  --theme-3: #F16A43;
  --theme-4: #EC1C4B;
  --theme-5: #A6206A;
}

* {
  font-family: "soleil", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: var(--theme-2);
}

html, body {
  margin: 0;
  border: 0;
  padding: 0;
  text-align: center;
  background-color: var(--theme-3);
  background-image: linear-gradient(180deg, var(--theme-5) 0%, var(--theme-3) 100%);
  background-repeat: no-repeat;
}

main {
  margin: auto;
  height: 100%;
  width: 50%;
  padding: 20px;
}

main > h1 {
  text-align: center;
  font-size: 8rem;
  font-family: "strumpf-std-open", sans-serif;
  text-shadow: #2F9395 0rem .5rem .1rem;
}

a {
  font-size: 3em;
  text-decoration: none; 
}

a:hover {
  color: white;
  text-shadow: var(--theme-4) 0px 0px 20px;
}