html {
  background-image: linear-gradient(
    to bottom right,
    rgb(47, 19, 80),
    rgb(116, 85, 151)
  );
  font-family: "Story Script", sans-serif;
  font-size: 1em;
}

main p{
  font-family: "Quicksand", sans-serif;
}

body {
  margin: 2%;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.75rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.25rem;
}

input,
select,
textarea,
button {
  font-family: inherit;
}

img {
  display: block;
  width: 100%;
  height: auto;
}




/*Add margin for form elements*/


/*Add spacing for legend and fieldset.*/


/*Add global propeties for buttons.*/