/*!
 * https://hareno.me
 * Copyright © 2016-2017 Harenome Ranaivoarivony-Razanajato
 * Licensed under the BSD new license
 *
 * Works best with:
 * - normalize.css 5.0.0
 * - milligram.css 1.20
 * - animate.css 3.5.1
 */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway Black'),
       local('Raleway-Black'),
       url(Raleway-Black.woff2) format('woff2'),
       url(Raleway-Black.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
                 U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD,
                 U+F000;
}

@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: local('Poiret One'),
       local('PoiretOne-Regular'),
       url(PoiretOne-Regular.woff2) format('woff2'),
       url(PoiretOne-Regular.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
                 U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD,
                 U+F000;
}

html
{
  text-align: center;
  font-size: 10px;
  font-family: 'Raleway', sans-serif;
  background-color: #efefef;
  animation: bg 60s;
  animation-iteration-count: infinite;
  overflow: hidden;
}

body
{
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

h1
{
  font-weight: 400;
  color: white;
  font-family: 'Poiret One', serif;
}

h1:hover
{
  color: #333399;
}

.button, h1
{
  transition: color 3s, background-color 3s, border-color 3s;
}

.button
{
  font-weight: 900;
  background-color: #333399;
  border-color: #333399;
}

.row
{
  margin-bottom: 5px;
}

@keyframes bg
{
  0%
  {
    background: #afafaf;
  }
  25%
  {
    background: #afafcf;
  }
  50%
  {
    background: #afcfaf;
  }
  75%
  {
    background: #cfafaf;
  }
  100%
  {
    background: #afafaf;
  }
}