@import url("/?originalUrl=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DBangers");

body {
  background-color: #fcfcfc;
  font-family: Avenir, Helvetica, Arial;
  color: #333;
}

h1 {
  font: bold 80px/0.9 Bangers;
  color: #583799;
  -webkit-text-stroke-width: 1px;
  text-shadow: 0 2px 5px rgba(0,0,0,0.2);
  -webkit-text-stroke-color: #224;
}

b {
  color: #000;
}

div.header, div.footer {
  text-align: center;
}

div.header {
  margin-bottom: 15px;
}

div.header > div.links {
  font-size: 80%;
}

div.footer {
  margin-top: 15px;
}

div.projects {
  text-align: center;
}

div.described-block {
  display: inline-block;
  margin: 8pt;
  position: relative;
  box-shadow: 2px 2px 6px 1px #aaa;
}

div.described-block, div.described-block video, div.described-block img {
  border-radius: 5px;
}

div.described-block > div.description {
  z-index: 2000;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: left;
  opacity: 0;
  transition: opacity .25s;
  background-color: rgba(50, 50, 50, 0.7);
  bottom: 0;
  color: white;
  font-weight: 200;
  left: 0;
  padding: 8px;
  position: absolute;
  text-shadow: 0 1px 1px rgb(0, 0, 0);
  right: 0;
}

div.described-block > div.description a {
  color: inherit;
}

div.described-block > div.description b {
  color: white;
}

div.described-block:hover > div.description {
  opacity: 1;
}

div.described-block:not(:hover) > .imagelink {
   outline-color: #ccc;
}