body {
background-color: #f5f5f5;
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;
}

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;
}

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

.animate__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;
}

@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}