#wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #2cb5e8;
  background: -webkit-linear-gradient(309deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
  background: -o-linear-gradient(309deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
  background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%); }

.info {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  -ms-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
  font-family: 'Raleway', sans-serif;
  text-align: center;
  color: #fff;
  -webkit-animation: fadeIn 2.55s ease;
  animation: fadeIn 2.55s ease;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
  .info__claim {
    font-size: 55px;
    font-weight: 100; }
    .info__claim b {
      font-weight: 400; }
    .info__claim span {
      font-weight: 400; }
  .info__copy {
    font-size: 12px;
    text-align: right;
    font-weight: 200;
    opacity: .85; }
  .info--addition {
    padding-bottom: 10px;
    overflow: hidden; }
  .info--addition .info__copy {
    width: 100%;
    position: absolute;
    left: 100%;
    bottom: 0;
    -webkit-animation: additionIn .55s ease;
    animation: additionIn .55s ease;
    -webkit-animation-delay: 2.55s;
    animation-delay: 2.55s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
    .info--addition .info__copy a {
      text-decoration: none;
      color: #fff;
      font-weight: 200; }

.randnum {
  width: 17px;
  display: inline-block; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); } }

@-webkit-keyframes additionIn {
  0% {
    left: 100%; }
  100% {
    left: 0; } }

@keyframes additionIn {
  0% {
    left: 100%; }
  100% {
    left: 0; } }