body
{
font-family: 'Frank Ruhl Libre', sans-serif;
}
header > div
{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header > div > img
{
display:inline-block;
}
header > h1
{
margin-top:10%;
text-align:left;
font-weight:300;
}
header > h1 > span
{
background:#3399ff;
color:white;
padding:0 5px;
}
header, main, footer
{
margin:auto;
max-width:800px;
padding:0 20px;
}
h1
{
font-size:50px;
font-family: 'Lato', sans-serif;
}
h2
{
font-size:24px;
font-family: 'Lato', sans-serif;
font-weight:normal;
}
h3
{
font-size:22px;
font-family: 'Lato', sans-serif;
font-weight:normal;
}
h2 > span
{
background:#3399ff;
color:white;
padding:0 5px;
font-size:30px;
}
p
{
font-size:20px;
}
a
{
font-size:20px;
color:black;
text-d
}