body {
	background-color: #FFFAEB;
    margin-top: 8%;
    color: #5d5d5d;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
	text-align: center !important;
}

h1 {
	font-size: 2.45em;
	font-weight: 700;
	color: #5d5d5d;
	letter-spacing: -0.02em;
	margin-bottom: 30px;
	margin-top: 30px;
}

.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.info {
	color:#5594cf;
	fill:#5594cf;
}

.error {
	color:#c92127;
	fill:#c92127;
}

.warning {
	color:#ffcc33;
	fill:#ffcc33;
}

.success {
	color:#5aba47;
	fill:#5aba47;
}

.icon-large {
	height: 132px;
	width: 132px;
}

.description-text {
	color: #707070;
	letter-spacing: -0.01em;
	font-size: 1.25em;
	line-height: 20px;
}

.footer {
	margin-top: 40px;
	font-size: 0.7em;
}

.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.loading {
    left: 0;
    right: 0;
    top: 50%;
    width: 100px;
    color: #5d5d5d;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	text-align: left !important;
}
.loading span {
    position: absolute;
    height: 10px;
    width: 84px;
    top: 50px;
    overflow: hidden;
}
.loading span > i {
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    -webkit-animation: wait 4s infinite;
    -moz-animation: wait 4s infinite;
    -o-animation: wait 4s infinite;
    animation: wait 4s infinite;
}
.loading span > i:nth-of-type(1) {
    left: -28px;
    background: #163624;
}
.loading span > i:nth-of-type(2) {
    left: -21px;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    background: lightgreen;
}

@-webkit-keyframes wait {
    0%   { left: -7px  }
    30%  { left: 52px  }
    60%  { left: 22px  }
    100% { left: 100px }
}
@-moz-keyframes wait {
    0%   { left: -7px  }
    30%  { left: 52px  }
    60%  { left: 22px  }
    100% { left: 100px }
}
@-o-keyframes wait {
    0%   { left: -7px  }
    30%  { left: 52px  }
    60%  { left: 22px  }
    100% { left: 100px }
}
@keyframes wait {
    0%   { left: -7px  }
    30%  { left: 52px  }
    60%  { left: 22px  }
    100% { left: 100px }
}
    
@keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}