@font-face {
  font-family: dick;
  src:
    url("Rubik-Regular.woff2") format("woff2"),
    url("Rubik-Regular.woff") format("woff");
}

body
{
  background-color: azure;
  font-family: dick;
  font-size: 12pt;
  color: #445566;
  margin-left: 5%;
  margin-right: 5%;
}

div.works
{
  width: 1000px;
  height: 117px;
  background-color: lightblue;
  border-width: 1px; border-style: dashed;
  margin: 10px;
}

div.text
{
  max-width: 700px;
  margin: auto;
}

h1
{
  color: steelblue;
}

h2
{
  color: darkslateblue;
}

h3
{
  color: seagreen;
  margin-top: 2em;
}

h4
{
  color: teal;
  margin-top: 0px;
  margin-bottom: 0px;
}

h5
{
  color: coral;
  margin-top: -20px;
  margin-left: 10px;
}

img
{
  vertical-align: text-top;
  float: left;
  padding: 8px;
}

.footer
{
  text-align: center;
  color: grey;
  font-size: 10pt;
  width: 50%;
  margin: auto;
  padding-top: 2em;
}

hr.dashed {
  border-top: 2px dashed #bbb;
}