@import url(http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo);

html {
  margin: 0;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 80px;
  font-family: 'Swanky and Moo Moo';
}

div {
  position: absolute;
  height: 100%;
  width: 100%;
  display: table;
}

span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-shadow: 3px 3px #ccc;
}

.flag {
background: -moz-linear-gradient(top, #AE1C28 0%, #AE1C28 23%, #ffffff 33%, #ffffff 66%, #21468B 76%, #21468B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AE1C28), color-stop(23%,#AE1C28), color-stop(33%,#ffffff), color-stop(66%,#ffffff), color-stop(76%,#21468B), color-stop(100%,#21468B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #AE1C28 0%,#AE1C28 23%,#ffffff 33%,#ffffff 66%,#21468B 76%,#21468B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #AE1C28 0%,#AE1C28 23%,#ffffff 33%,#ffffff 66%,#21468B 76%,#21468B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #AE1C28 0%,#AE1C28 23%,#ffffff 33%,#ffffff 66%,#21468B 76%,#21468B 100%); /* IE10+ */
background: linear-gradient(to bottom, #AE1C28 0%,#AE1C28 23%,#ffffff 33%,#ffffff 66%,#21468B 76%,#21468B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AE1C28', endColorstr='#21468B',GradientType=0 ); /* IE6-9 */

/*-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
}

@keyframes blink {  
    0% { color: red; }
    100% { color: black; }
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
	20% { opacity: 1; }
	80% { opacity: 1; }
    100% { opacity: 0; }
}
.blink {
    -webkit-animation: blink 10s linear infinite;
    -moz-animation: blink 10s linear infinite;
    -ms-animation: blink 10s linear infinite;
    -o-animation: blink 10s linear infinite;
    animation: blink 10s linear infinite;
}