@import url('normalize.css');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
body {
    margin: 0 auto;
    text-align: center;
    font-family: "Libre Baskerville", serif;
    /*font-family: "Baskerville", "Libre Baskerville", serif;*/
    margin-top: 100px;
    margin-bottom: 50px;
    width: auto;
    max-width: 800px;
}
a {
    color: #1b63a7;
    text-decoration: none;
}
a:visited {
    color: #5d5dad;
}
a:active, a:hover {
    color: #8484da;
}
#content {
    max-width: 800px;
    font-size: 20px;
    margin: 0 auto;
}
ul {
    padding-left: 0;
}
#content ul li {
    list-style: inherit;
}
#content ul li {
    margin-bottom: 2ex;
}
#content ul li ul li {
    margin-bottom: initial;
    font-size: 90%;
}
h2 {
    margin-top: 1.2em;
}
h4 {
    margin: 1ex 0;
}
header h1:before {
  content: ' ';
  width: 30px;
  height: 30px;
  background-image: url('logo.svg');
  background-size: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  margin: 5px;
  margin-bottom: -5px;
}
svg {
    fill-opacity: 0.6;
}
svg:hover {
    fill-opacity: 0.7;
}
svg #garage {
    fill: #8080dc;
}
svg #house {
    fill: #b2d1ec;;
}
svg #garage:hover, svg #house:hover {
    fill-opacity: 0.85;
}
footer {
    margin-top: 3cm;
}
video, figure {
  width: 100%;
  height: auto;
  margin: 2ex 0;
}