body { margin: 0px; padding: 0px; }
.b {
  position: absolute;
}

.h {
  width: 100%;
  height: 5px;
}

.v {
  width: 5px;
  height: 100%;
}

.c {
  background-color: #009de0;
  top: 0px;
  z-index: 1
}

.m {
  background-color: #e10a7c;
  right: 0px;
  z-index: 2;
}

.y {
  background-color: #ffec00;
  bottom: 0px;
  right: 0px;
  z-index: 3;
}

.k {
  background-color: #000000;
  left: 0px;
  bottom: 0px;
  height: auto;
  top: 5px;
  z-index: 4;
}

h1 {
  text-indent: -9999px;
  color: transparent;
  background: url(/allafine-logo.png) no-repeat 0px 0px;
  width: 148px;
  height: 27px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -74px;
  margin-top: -13px;
}

.c {
/*   -webkit-animation: expandWidth 2s; */
  /*-webkit-animation-fill-mode: forwards;*/
}
.m {
/*
  -webkit-animation-delay: 10s;
  -webkit-animation: expandHeight 2s;
*/
  /*-webkit-animation-fill-mode: forwards;*/
}
.y {
/*
  -webkit-animation-delay: 20s;
  -webkit-animation: expandWidth 2s;
*/
  /*-webkit-animation-fill-mode: forwards;*/
}
.k {
/*
  -webkit-animation-delay: 20s;
  -webkit-animation: expandHeight 2s;
*/
  /*-webkit-animation-fill-mode: forwards;*/
}

h1 { -webkit-animation: fallIn 0.3s; }

@-webkit-keyframes expandWidth {
  0% { width: 100%; height: 100%; }
  100% { width: 0px; height: 100%; }
}
@-webkit-keyframes expandHeight {
  0% { height: 100%; width: 100%; }
  100% { height: 0px; width: 100%; }
}
@-webkit-keyframes fallIn {
  0% { -webkit-transform: scale(10.0); }
  100% { -webkit-transform: scale(1.0); }
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
	h1 { background-image: url(/allafine-logo@2x.png); background-size: 148px 27px; }
}