body{
	background-color: #F2A74F;
    color: #FFFCE8;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-variant: normal;
    font-size: 1.7rem;
}
h1, h2, h3, h4, h5, h6{
    letter-spacing: .5px;
}
h1{
	font-size: 5rem;
	color: #FEFEFE;
    font-weight: 700;
    margin-top: 2.5rem;
}
h1 a{
    color: #FFFCE8;
}
h2{
	font-size: 3.5rem;
	color: #FFFCE8;
    font-weight: 700;
}
h3{
    font-size: 2.25rem;
    font-weight: 600;
}
h2 a, h3 a, h4 a, h5 a{
	color: #FAFAFA;
}
a{
	color:#FFFCE8;
	text-decoration: none;
}
a:hover{
	cursor: pointer;
	color: #FFFCE8;
}
p{
    font-weight: 500;
}
p a{
	color: #FFFCE8;
}
p a:hover{
    opacity: .7;
}

footer{
    display: block;
    position: relative;
    height: 100px;
}

ul:first-of-type{
    display: none;
}

ul p{
    display: inline;
}

code {
  background: #222222;
  border: 1px solid #222222;
  color: #FFFCE8;
}

em {
    font-style: normal;
}

.signature {
    display: block;
    margin: auto;
    width: 250px;
    height: 250px;
    position: relative;
    top: -8rem;
}

a:hover {
    position: relative;
}

@media (min-width: 460px) {
    h1{
        font-size: 5rem;
    }
    h2{
        font-size: 3.5rem;
    }
    h3{
        font-size: 2.25rem;
    }
    .signature {
        width: 300px;
        height: 300px;
        top: -10rem;
    }
}

@media (min-width: 650px) {
    h1{
      font-size: 7rem;
    }
    h2{
        font-size: 4rem;
    }
    h3{
        font-size: 2.5rem;
    }
    .signature {
        width: 400px;
        height: 400px;
        top: -12.5rem;
    }
}

@media (min-width: 810px) {
    h1{
        font-size: 9rem;
    }
    h2{
        font-size: 5rem;
    }
    h3{
        font-size: 3.25rem;
    }
    .signature {
        width: 500px;
        height: 500px;
        top: -15rem;
    }
}