.container1 {
    min-height: 48vh;
    max-width: 100vw;
    font-family: "Libre Franklin", sans-serif;
    display: flex
;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.header {
width: 100%;
max-width: 800px;
text-align: center;
}
.title {
margin: 2rem 0 0;
font-size: 3rem;
color: #949494;
}
.dark-text {
color: #333;
font-weight: 900;
}
.main {
text-align: center;
padding: 2rem 0;
font-weight: 300;
color: #333;
}


   @import url(https://fonts.googleapis.com/css?family=Sacramento:400|Montserrat:700);
    [role=progressbar] {position: relative;}
    [role=progressbar] p {display: block;margin: 0;height: 60px;font-family: Sacramento, cursive;font-size: 3em;text-align: center;}
    [role=progressbar]::before, [role=progressbar]::after {display: block;height: 120px;font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;font-weight: 700;font-size: 4em;text-transform: uppercase;content: attr(data-text);}
    [role=progressbar]::before {color: #49311c;}
    [role=progressbar]::after {display: block;position: absolute;top: 0;left: 0;z-index: 2;color: white;overflow: hidden;}
    [role=progressbar][aria-busy=true]::after {-webkit-animation: load ease-out 10s infinite forwards;animation: load ease-out 10s infinite forwards;}
    @-webkit-keyframes load {0%,10%,100% {height: 0;}90% {height: 120px;}    }
    @keyframes load {0%,10%,100% {height: 0;}90% {height: 120px;}
    }