* {
  margin:0;
}

.content {
  width: 100%;
  height: 100%;
}
body, html {
  overflow: hidden;
  margin:0;
  color: #fffff0;
  background: #333;
  font-family: 'Tangerine', cursive;
}
.rings {
  position: absolute;
  top: 1%;
  left:50%;
  height:16em;
  width:28em;
  margin-left:-14em;
  background-image: url(http://almacog.org/wp-content/uploads/2012/01/weddingrings1.png);
  background-size: 80% auto;
  background-repeat: no-repeat;
}
.we-are {
  line-height:10px;
  font-size:5em;
  font-weight: 400;
  position:absolute;
  width:100%;
  text-align:center;
  top:5em;
}
.we-are em {
  color: #FCBB42;
  line-height:1px;
}
.title {
  color:#FCBB42;
  position: absolute;
  top:15em;
  margin:0 auto;
  width:100%;
  text-align:center;
}
.loader {
  background: #fffff0;
  border: 2px solid #FCBB42;
  position: absolute;
  margin-left: 1em;
  margin-right: 1em;
  width:  97%;
  height: 3em;
  margin-top:20em;
}
.loading {
  overflow:hidden;
  width:1%;
  height:100%;
  -webkit-animation: tb-load 50s;
  animation: tb-load 50s;
}
.list {
  position: relative;
  left:25%;
  -webkit-animation: numbers 40s;
  animation: numbers 40s;
}
.list li {
  color: #333;
  float:left;
  display: block;

  width:20%;
  font-size:1.4em;
  list-style: none;
}
.loading-text {
  color:#4FC1E9;
  width:500%;
  text-align:center;
  position: absolute;
  top:2px;
  font-weight:300;
  font-size:2em;

}

@-webkit-keyframes tb-load {
  1% { width:1%;background:#FFCE54;}
  75% {width:100%;background: #FCBB42;}
}
@keyframes tb-load {
  1% { width:1%;background:#FFCE54;}
  75% {width:100%;background: #FCBB42;}
}
@-webkit-keyframes numbers {
    1% { left:0%; }
    20% { left:-20%; }
  40% { left:-40%; }
  60% { left:-60%; }
  75% { left:-80%; }
}
@keyframes numbers {
    1% { left:0%; }
    20% { left:-20%; }
  40% { left:-40%; }
  60% { left:-60%; }
  75% { left:-80%; }
}