@charset "utf-8";

html, body, div, input, ul, li {
padding: 0;
margin: 0;
}

html, body {
font: 28pt Merriweather;
width: 100%;
height: 100%;
}

h1 {
font: 2em Merriweather;
padding: 0;
margin: 5% 0 0 5%;
}

input {
width: 90%;
font: 2em Merriweather;
color: #555;
padding: 2% 4%;
border: 1px solid #ccc;
border-radius: 2em;
margin: 2% 5% 3% 5%;
}

ul {
list-style-type: none;
font: 1.1em Merriweather;
}

ul#results {
margin-left: 5%;
}

ul#results li {
padding: 0;
margin: 5% 0 4% 0;
}

ul#results span.author {
font: 1.1em Merriweather;
font-weight: 800;
text-transform: uppercase;
}

ul.works {
font-style: italic;
padding: 1% 1% 4% 1%;
border-bottom: 1px solid #ccc;
margin-right: 2%;
}

ul#results li ul.works li {
padding: 4% 0 0 0;
margin: 0;
}

ul.works li:before {
content: "» ";
}