body { text-align: center; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
.bg { background: #d1d1d1; }
.footer { text-align: center; margin-top: 20px; }
.container { border-radius: 16px; background: #979797; background: #fff; margin-bottom: 10px; padding: 10px; position: relative; max-width: 550px; margin: 40px auto 40px auto; -webkit-box-shadow: rgba(0, 0, 0, .25) 0 7px 30px; -moz-box-shadow: rgba(0, 0, 0, .25) 0 7px 30px; box-shadow: rgba(0, 0, 0, .25) 0 7px 30px; }
.logo { align-items: center; width: 200px; height: auto; }
.margin-logo { margin-top: 100px; }
.margin { margin: 20px; }
.text { text-align: left; }
.lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid rgb(99, 99, 99); border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: rgb(99, 99, 99) transparent transparent transparent; }
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }
@keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}