@font-face {
  font-family: Heading; /* set name */
  src: url(LibertinusMath-Regular.ttf); /* url of the font */
}

@font-face {
  font-family: Body; /* set name */
  src: url(CormorantInfant-VariableFont_wght.ttf); /* url of the font */
}

@font-face {
  font-family: Italic; /* set name */
  src: url(CormorantInfant-Italic-VariableFont_wght.ttf); /* url of the font */
}


h1{
    font-family: Heading;
    font-weight: 100;
    font-size: 100pt;
    line-height: 1.618;
    padding: 0;
    margin: 0;
}
h2{
    font-family: Heading;
    font-weight: 100;
    font-size: 61.8pt;
    line-height: 1.618;
    padding: 0;
    margin: 0;
}
h3{
    font-family: Heading;
    font-weight: 100;
    font-size: 38.2pt;
    line-height: 1.618;
    padding: 0;
    margin: 0;
}
h4{
    font-family: Heading;
    font-weight: 100;
    font-size: 23.6pt;
    line-height: 1.618;
    padding: 0;
    margin: 0;
}

p{
    font-family: Body;
    font-weight: 100;
    line-height: 1.618;
    font-size: 14.6pt;
    padding: 0;
    margin: 0;
}
em{
    font-family: Italic;
    font-weight: 500;
    line-height: 1.618;
    padding: 0;
    margin: 0;
}

a{
  text-decoration: none;
  font-family: Italic;
  color: var(--tan);
  font-weight: 500;
  line-height: 1.618;
  padding: 0;
  margin: 0;
}
a:hover{
  color: var(--gold);
}