64 lines
866 B
CSS
64 lines
866 B
CSS
html, body {
|
|
background-color: #aeaeee;
|
|
font-family: monospace;
|
|
height: 100vh;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
}
|
|
|
|
#site-header {
|
|
background-color: #eeaeee;
|
|
table-layout: auto;
|
|
}
|
|
#house {
|
|
background-color: #bb7bbb;
|
|
color: #ffffff;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
#site-content {
|
|
flex: 2;
|
|
max-width: 49em;
|
|
margin: 2em;
|
|
}
|
|
|
|
#site-footer {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background-color: #aeeeae;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
em {
|
|
text-decoration: underline;
|
|
font-style: normal;
|
|
}
|
|
|
|
#links h2 {
|
|
display: inline;
|
|
}
|
|
#links h2::after {
|
|
content: ": ";
|
|
}
|
|
#links ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: inline;
|
|
}
|
|
|
|
#links li {
|
|
display: inline;
|
|
}
|
|
#links li::after {
|
|
content: ", ";
|
|
}
|
|
#links li:last-child::after {
|
|
content: "";
|
|
}
|
|
|
|
#moon {
|
|
font-size: 3em;
|
|
}
|