spinner.css

body,html{width:100%;height:100%;border:0;padding:0;margin:0;overflow:hidden}.bodge{position:absolute;bottom:10px;right:10px;color:#000;z-index:99}.bodge a{font-style:italic;color:#000}.bg{width:100%;height:100%;position:absolute;z-index:0;background:-moz-linear-gradient(-45deg,rgba(0,0,0,0.3) 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(-45deg,rgba(0,0,0,0.3) 0,rgba(0,0,0,0) 100%);background:linear-gradient(135deg,rgba(0,0,0,0.3) 0,rgba(0,0,0,0) 100%)}.everything{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.spinner img{width:100%}.holder,.spinner{width:300px;height:300px;position:relative}.handle{width:70px;height:70px;position:absolute;top:115px;left:115px;z-index:1}@media screen and (min-width:370px) and (max-width:499px){.holder,.spinner{width:360px;height:360px;position:relative}.handle{width:80px;height:80px;position:absolute;top:140px;left:140px;z-index:1}}@media screen and (min-width:500px){.holder,.spinner{width:500px;height:500px;position:relative}.handle{width:100px;height:100px;position:absolute;top:200px;left:200px;z-index:1}}