.gfx{
width: 100%;
margin-top: 25px;
}

p{
font-size: 1.3em;
font-family: 'Muli',Helvetica, sans-serif;
}

.step{
font-size: 1.5em;
font-weight: bold;
font-family: 'Lora', serif;
padding-left: 2px;
padding-top: 16px;
color: brown;
}

body{
background-color: linen;
}

ul{
font-family: 'Muli',Helvetica, sans-serif;
}

h1{
font-family: 'Quicksand',Helvetica, sans-serif;
text-align: center;
}


@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7I_FMl_E.woff2) format('woff2');

  @font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v12/7Auwp_0qiz-afTLGLQjUwkQ.woff2) format('woff2');
  
  @font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKtdSZaM9iE8KbpRA_hK1QNYuDyPw.woff2) format('woff2');