body {
  background: #FFF;
  margin: 0px;
  padding: 0px;
  font-family: Arial, sans-serif; }

a {
  color: #000; }

.frame {
  height: 100vh;
  width: 100%;
  border: 0px solid white;
  white-space: nowrap;
  text-align: center;
  box-sizing: border-box; }

.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.footer {
  position: absolute;
  bottom: 0px;
  padding: 10px;
  width: 100%;
  text-align: right;
  box-sizing: border-box; }
  .footer a {
    text-decoration: none;
    color: #888; }

img {
  opacity: 0;
  background: #FFF;
  vertical-align: middle;
  max-height: 100vh;
  max-width: 100%;
  animation-name: fade_in;
  animation-duration: 3s;
  animation-fill-mode: forwards; }

@keyframes fade_in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*# sourceMappingURL=style.css.map */