.loader{position:absolute;left:50%;top:50%;z-index:1;width:150px;height:150px;margin:-75px 0 0 -75px;border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;background-color:hsla(0,0%,100%,.7)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes animatebottom{0%{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}@keyframes animatebottom{0%{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}