* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  color: #fff;
  background: #fff;
  font-family: 'Oswald', Verdana;
  font-weight: 700;
  overflow: hidden;
  -webkit-transition: 2s ease;
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  -ms-transition: 2s ease;
  transition: 2s ease; }

body.bg {
  background: #000; }

.none {
  display: none; }

.content {
  height: 100%; }

ul {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin-left: -75px;
  margin-top: -75px; }

.first {
  left: 25%; }

.second {
  left: 50%; }

.third {
  left: 75%; }

li {
  width: 150px;
  height: 150px;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  margin-top: -75px;
  list-style: none; }

.li-one:nth-child(1) {
  -webkit-animation: 4s 1.05s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.05s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.05s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.05s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(1) {
  -webkit-animation: 4s 1.05s rot linear infinite;
  -moz-animation: 4s 1.05s rot linear infinite;
  -o-animation: 4s 1.05s rot linear infinite;
  animation: 4s 1.05s rot linear infinite; }

.li-third:nth-child(1) {
  -webkit-animation: 4s 1.05s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.05s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.05s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.05s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(2) {
  -webkit-animation: 4s 1.1s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.1s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.1s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.1s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(2) {
  -webkit-animation: 4s 1.1s rot linear infinite;
  -moz-animation: 4s 1.1s rot linear infinite;
  -o-animation: 4s 1.1s rot linear infinite;
  animation: 4s 1.1s rot linear infinite; }

.li-third:nth-child(2) {
  -webkit-animation: 4s 1.1s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.1s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.1s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.1s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(3) {
  -webkit-animation: 4s 1.15s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.15s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.15s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.15s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(3) {
  -webkit-animation: 4s 1.15s rot linear infinite;
  -moz-animation: 4s 1.15s rot linear infinite;
  -o-animation: 4s 1.15s rot linear infinite;
  animation: 4s 1.15s rot linear infinite; }

.li-third:nth-child(3) {
  -webkit-animation: 4s 1.15s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.15s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.15s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.15s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(4) {
  -webkit-animation: 4s 1.2s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.2s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.2s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.2s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(4) {
  -webkit-animation: 4s 1.2s rot linear infinite;
  -moz-animation: 4s 1.2s rot linear infinite;
  -o-animation: 4s 1.2s rot linear infinite;
  animation: 4s 1.2s rot linear infinite; }

.li-third:nth-child(4) {
  -webkit-animation: 4s 1.2s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.2s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.2s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.2s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(5) {
  -webkit-animation: 4s 1.25s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.25s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.25s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.25s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(5) {
  -webkit-animation: 4s 1.25s rot linear infinite;
  -moz-animation: 4s 1.25s rot linear infinite;
  -o-animation: 4s 1.25s rot linear infinite;
  animation: 4s 1.25s rot linear infinite; }

.li-third:nth-child(5) {
  -webkit-animation: 4s 1.25s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.25s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.25s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.25s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(6) {
  -webkit-animation: 4s 1.3s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.3s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.3s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.3s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(6) {
  -webkit-animation: 4s 1.3s rot linear infinite;
  -moz-animation: 4s 1.3s rot linear infinite;
  -o-animation: 4s 1.3s rot linear infinite;
  animation: 4s 1.3s rot linear infinite; }

.li-third:nth-child(6) {
  -webkit-animation: 4s 1.3s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.3s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.3s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.3s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(7) {
  -webkit-animation: 4s 1.35s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.35s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.35s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.35s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(7) {
  -webkit-animation: 4s 1.35s rot linear infinite;
  -moz-animation: 4s 1.35s rot linear infinite;
  -o-animation: 4s 1.35s rot linear infinite;
  animation: 4s 1.35s rot linear infinite; }

.li-third:nth-child(7) {
  -webkit-animation: 4s 1.35s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.35s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.35s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.35s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(8) {
  -webkit-animation: 4s 1.4s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.4s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.4s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.4s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(8) {
  -webkit-animation: 4s 1.4s rot linear infinite;
  -moz-animation: 4s 1.4s rot linear infinite;
  -o-animation: 4s 1.4s rot linear infinite;
  animation: 4s 1.4s rot linear infinite; }

.li-third:nth-child(8) {
  -webkit-animation: 4s 1.4s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.4s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.4s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.4s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(9) {
  -webkit-animation: 4s 1.45s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.45s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.45s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.45s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(9) {
  -webkit-animation: 4s 1.45s rot linear infinite;
  -moz-animation: 4s 1.45s rot linear infinite;
  -o-animation: 4s 1.45s rot linear infinite;
  animation: 4s 1.45s rot linear infinite; }

.li-third:nth-child(9) {
  -webkit-animation: 4s 1.45s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.45s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.45s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.45s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(10) {
  -webkit-animation: 4s 1.5s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.5s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.5s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.5s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(10) {
  -webkit-animation: 4s 1.5s rot linear infinite;
  -moz-animation: 4s 1.5s rot linear infinite;
  -o-animation: 4s 1.5s rot linear infinite;
  animation: 4s 1.5s rot linear infinite; }

.li-third:nth-child(10) {
  -webkit-animation: 4s 1.5s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.5s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.5s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.5s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(11) {
  -webkit-animation: 4s 1.55s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.55s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.55s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.55s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(11) {
  -webkit-animation: 4s 1.55s rot linear infinite;
  -moz-animation: 4s 1.55s rot linear infinite;
  -o-animation: 4s 1.55s rot linear infinite;
  animation: 4s 1.55s rot linear infinite; }

.li-third:nth-child(11) {
  -webkit-animation: 4s 1.55s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.55s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.55s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.55s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(12) {
  -webkit-animation: 4s 1.6s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.6s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.6s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.6s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(12) {
  -webkit-animation: 4s 1.6s rot linear infinite;
  -moz-animation: 4s 1.6s rot linear infinite;
  -o-animation: 4s 1.6s rot linear infinite;
  animation: 4s 1.6s rot linear infinite; }

.li-third:nth-child(12) {
  -webkit-animation: 4s 1.6s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.6s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.6s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.6s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(13) {
  -webkit-animation: 4s 1.65s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.65s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.65s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.65s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(13) {
  -webkit-animation: 4s 1.65s rot linear infinite;
  -moz-animation: 4s 1.65s rot linear infinite;
  -o-animation: 4s 1.65s rot linear infinite;
  animation: 4s 1.65s rot linear infinite; }

.li-third:nth-child(13) {
  -webkit-animation: 4s 1.65s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.65s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.65s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.65s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(14) {
  -webkit-animation: 4s 1.7s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.7s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.7s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.7s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(14) {
  -webkit-animation: 4s 1.7s rot linear infinite;
  -moz-animation: 4s 1.7s rot linear infinite;
  -o-animation: 4s 1.7s rot linear infinite;
  animation: 4s 1.7s rot linear infinite; }

.li-third:nth-child(14) {
  -webkit-animation: 4s 1.7s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.7s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.7s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.7s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(15) {
  -webkit-animation: 4s 1.75s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.75s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.75s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.75s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(15) {
  -webkit-animation: 4s 1.75s rot linear infinite;
  -moz-animation: 4s 1.75s rot linear infinite;
  -o-animation: 4s 1.75s rot linear infinite;
  animation: 4s 1.75s rot linear infinite; }

.li-third:nth-child(15) {
  -webkit-animation: 4s 1.75s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.75s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.75s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.75s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(16) {
  -webkit-animation: 4s 1.8s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.8s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.8s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.8s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(16) {
  -webkit-animation: 4s 1.8s rot linear infinite;
  -moz-animation: 4s 1.8s rot linear infinite;
  -o-animation: 4s 1.8s rot linear infinite;
  animation: 4s 1.8s rot linear infinite; }

.li-third:nth-child(16) {
  -webkit-animation: 4s 1.8s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.8s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.8s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.8s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(17) {
  -webkit-animation: 4s 1.85s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.85s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.85s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.85s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(17) {
  -webkit-animation: 4s 1.85s rot linear infinite;
  -moz-animation: 4s 1.85s rot linear infinite;
  -o-animation: 4s 1.85s rot linear infinite;
  animation: 4s 1.85s rot linear infinite; }

.li-third:nth-child(17) {
  -webkit-animation: 4s 1.85s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.85s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.85s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.85s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(18) {
  -webkit-animation: 4s 1.9s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.9s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.9s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.9s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(18) {
  -webkit-animation: 4s 1.9s rot linear infinite;
  -moz-animation: 4s 1.9s rot linear infinite;
  -o-animation: 4s 1.9s rot linear infinite;
  animation: 4s 1.9s rot linear infinite; }

.li-third:nth-child(18) {
  -webkit-animation: 4s 1.9s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.9s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.9s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.9s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(19) {
  -webkit-animation: 4s 1.95s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 1.95s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 1.95s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 1.95s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(19) {
  -webkit-animation: 4s 1.95s rot linear infinite;
  -moz-animation: 4s 1.95s rot linear infinite;
  -o-animation: 4s 1.95s rot linear infinite;
  animation: 4s 1.95s rot linear infinite; }

.li-third:nth-child(19) {
  -webkit-animation: 4s 1.95s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 1.95s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 1.95s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 1.95s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

.li-one:nth-child(20) {
  -webkit-animation: 4s 2s rot cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: 4s 2s rot cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: 4s 2s rot cubic-bezier(1, 0, 0, 1) infinite;
  animation: 4s 2s rot cubic-bezier(1, 0, 0, 1) infinite; }

.li-second:nth-child(20) {
  -webkit-animation: 4s 2s rot linear infinite;
  -moz-animation: 4s 2s rot linear infinite;
  -o-animation: 4s 2s rot linear infinite;
  animation: 4s 2s rot linear infinite; }

.li-third:nth-child(20) {
  -webkit-animation: 4s 2s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -moz-animation: 4s 2s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  -o-animation: 4s 2s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: 4s 2s rot cubic-bezier(0.645, 0.045, 0.355, 1) infinite; }

@-webkit-keyframes rot {
  0% {
    -moz-transform: rotate(0deg) scale(0.5);
    -o-transform: rotate(0deg) scale(0.5);
    -ms-transform: rotate(0deg) scale(0.5);
    -webkit-transform: rotate(0deg) scale(0.5);
    transform: rotate(0deg) scale(0.5); }
  50% {
    -moz-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    -ms-transform: rotate(180deg) scale(1);
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1); }
  100% {
    -moz-transform: rotate(360deg) scale(0.5);
    -o-transform: rotate(360deg) scale(0.5);
    -ms-transform: rotate(360deg) scale(0.5);
    -webkit-transform: rotate(360deg) scale(0.5);
    transform: rotate(360deg) scale(0.5); } }
@-moz-keyframes rot {
  0% {
    -moz-transform: rotate(0deg) scale(0.5);
    -o-transform: rotate(0deg) scale(0.5);
    -ms-transform: rotate(0deg) scale(0.5);
    -webkit-transform: rotate(0deg) scale(0.5);
    transform: rotate(0deg) scale(0.5); }
  50% {
    -moz-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    -ms-transform: rotate(180deg) scale(1);
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1); }
  100% {
    -moz-transform: rotate(360deg) scale(0.5);
    -o-transform: rotate(360deg) scale(0.5);
    -ms-transform: rotate(360deg) scale(0.5);
    -webkit-transform: rotate(360deg) scale(0.5);
    transform: rotate(360deg) scale(0.5); } }
@-ms-keyframes rot {
  0% {
    -moz-transform: rotate(0deg) scale(0.5);
    -o-transform: rotate(0deg) scale(0.5);
    -ms-transform: rotate(0deg) scale(0.5);
    -webkit-transform: rotate(0deg) scale(0.5);
    transform: rotate(0deg) scale(0.5); }
  50% {
    -moz-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    -ms-transform: rotate(180deg) scale(1);
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1); }
  100% {
    -moz-transform: rotate(360deg) scale(0.5);
    -o-transform: rotate(360deg) scale(0.5);
    -ms-transform: rotate(360deg) scale(0.5);
    -webkit-transform: rotate(360deg) scale(0.5);
    transform: rotate(360deg) scale(0.5); } }
@keyframes rot {
  0% {
    -moz-transform: rotate(0deg) scale(0.5);
    -o-transform: rotate(0deg) scale(0.5);
    -ms-transform: rotate(0deg) scale(0.5);
    -webkit-transform: rotate(0deg) scale(0.5);
    transform: rotate(0deg) scale(0.5); }
  50% {
    -moz-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    -ms-transform: rotate(180deg) scale(1);
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1); }
  100% {
    -moz-transform: rotate(360deg) scale(0.5);
    -o-transform: rotate(360deg) scale(0.5);
    -ms-transform: rotate(360deg) scale(0.5);
    -webkit-transform: rotate(360deg) scale(0.5);
    transform: rotate(360deg) scale(0.5); } }
@media (max-width: 767px) {
  li {
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px; }

  .first, .second, .third {
    left: 50%; }

  .first {
    top: 25%; }

  .second {
    top: 50%; }

  .third {
    top: 75%; } }

/*# sourceMappingURL=style.css.map */