.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:0 0;border:3px solid #332322;border-radius:50%;text-align:center;line-height:150px;font-family:lora;font-weight:700;font-size:24px;color:#fff;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 10px #332322;box-shadow:0 0 20px rgba(0,0,0,.5);z-index:1024;background:rgba(51,35,34,.5)}.ring:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #bc8b8a;border-right:3px solid #bc8b8a;border-radius:50%;animation:animate-circle 8s linear infinite}.ring span{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:0 0;transform-origin:left;animation:animate 5s linear infinite}.ring span:before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#bc8b8a;top:-6px;right:-8px;box-shadow:0 0 20px #bc8b8a}@keyframes animate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes animate-circle{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}