.boxes,.boxes-wrapper{align-items:center;display:flex;justify-content:center}.boxes{opacity:.3;height:100vh;width:444px;transform:rotate(90deg)}.box{animation-name:spin;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear;position:relative;height:50px;width:50px;background:rgba(#ccc,.1);border-color:#777 #ccc;border-style:solid;border-width:5px 1px;transform:rotate(0deg)}.content-wrapper{position:absolute;top:0;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-width:700px){.boxes-wrapper{align-items:center;display:flex;justify-content:center;height:100vh}.boxes{height:100vw;width:444px}}body,html{min-height:100%;height:100%}body{background:white;overflow:hidden}