.compass{width:200px;height:200px;background-color:#f3f3f3;border-radius:100%;background-image:-webkit-linear-gradient(top,#f7f7f7,#ececec);position:relative;margin:0 auto}.compass-inner{width:170px;height:170px;background-color:#3d3d3d;border-radius:100%;position:relative;left:13px;top:13px;border:3px solid #c5c5c5}.main-arrow{height:100%;width:15px;left:78px;position:relative;padding-top:3px;box-sizing:border-box;transform:rotate(20deg);animation:spin 2s alternate infinite;-ms-transform:rotate(20deg);-o-transform:rotate(20deg);-o-animation:spin 2s alternate infinite;-moz-transform:rotate(20deg);-moz-animation:spin 2s alternate infinite;-webkit-transform:rotate(20deg);-webkit-animation:spin 2s alternate infinite}.arrow-up{width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:82.5px solid #ef5052;position:relative}.arrow-down{-webkit-transform:rotate(180deg);width:0;transform:rotate(180deg);-ms-transform:rotate(180deg);height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:82.5px solid #f3f3f3;position:relative}.north{font-size:18px;font-family:'Gill Sans Light';color:#fff;position:absolute;left:78px;top:10px}.east{font-size:18px;font-family:'Gill Sans Light';color:#fff;position:absolute;left:145px;top:72.5px}.west{font-size:18px;font-family:'Gill Sans Light';color:#fff;position:absolute;left:10px;top:72.5px}.south{font-size:18px;font-family:'Gill Sans Light';color:#fff;position:absolute;left:78px;top:145px}.link{text-decoration:underline!important}@keyframes spin{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1) rotate(80deg)}100%{transform:scale(1) rotate(-180deg)}}@-o-keyframes spin{0%{-webkit-transform:scale(1)rotate(0deg);}50%{-webkit-transform:scale(1)rotate(80deg);}100%{-webkit-transform:scale(1)rotate(-180deg);}}@-moz-keyframes spin{0%{-webkit-transform:scale(1) rotate(0deg)}50%{-webkit-transform:scale(1) rotate(80deg)}100%{-webkit-transform:scale(1) rotate(-180deg)}}@-webkit-keyframes spin{0%{-webkit-transform:scale(1) rotate(0deg)}50%{-webkit-transform:scale(1) rotate(80deg)}100%{-webkit-transform:scale(1) rotate(-180deg)}}