margin: 10px;

  background-color: linen;

}

​

@keyframes slideInFromLeft {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(359);

  }

}

​

@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

​

h1, h2 {

  font-family: Avenir, Helvetica, sans-serif;

}

​

h1 {

  border: 1px solid grey;

  padding: 10px;

  font-size: 50px;

  text-shadow: 3px 3px 10px lightgreen;

  animation: spin 4s linear infinite;

}

​

p {

  font-family: Nosifer, serif;

}

​

img {

  width: 250px;

}

​

img.fox {

  width: 200px;

}

​

footer {

  margin-top: 40px;

  border-top: 5px solid red;

  font-style: italic;

}

​

ol#years {

  border: 3px solid blue;

  padding-top: 10px;

  padding-bottom: 10px;

  font-size: 110%;

  background-image: radial-gradient(

    red, orange, white);

}

​

aside {

  float: right;

  width: 40px;

  border: 1px solid red;

  background-color: yellow;

  padding: 20px;

  font-size: 16px;

}

​

canvas {

  display: block;

}

​