.square-content{background:linear-gradient(to bottom right,#fff,#fff,#fff);display:flex;justify-content:center;justify-items:center;height:100vh;width:100vw;color:#000;position:absolute;top:0;z-index:100}#container{width:500px;height:15px;background:#000;border-radius:6px;border:2px solid dimgray;align-items:center}.loader-position{margin-top:320px}.square-content h1{font-size:32px;text-align:center}@keyframes load{0%{transform:translate(0)}to{transform:translate(396px)}}#bar{width:100px;height:10px;background:linear-gradient(to bottom right,#eb0029,#d41837);border-radius:6px;box-shadow:0 0 10px #eb0029;animation:load .7s infinite alternate ease-in-out}@keyframes dots{0%{color:#eb0029;transform:translateY(-10%)}to{color:#fff;transform:translate(0)}}.dot{display:inline-block;font-size:250%}.dot:nth-child(1){animation:dots .5s infinite alternate linear}.dot:nth-child(2){animation:dots 1s infinite alternate linear}.dot:nth-child(3){animation:dots 1.5s infinite alternate linear}@media only screen and (max-width: 575px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){.square-content h1{font-size:18px}.loader-position{margin-top:200px}@keyframes load{0%{transform:translate(0)}to{transform:translate(150px)}}#container{margin-left:10px;margin-right:10px;width:250px}}