.spinner {
  display: inline-block;
  vertical-align: middle;
  margin: 0em 1em;
  height: 24px;
  width: 24px;
  animation: rotate 0.8s infinite linear;
  border: 4px solid #3498db;
  border-right-color: transparent;
  border-radius: 50%;
}

@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}

.spinning {
  animation: rotate 0.8s infinite linear;
}

.large-spinner {
  display: inline-block;
  vertical-align: middle;
  margin: 1em 1em;
  height: 48px;
  width: 48px;
  animation: rotate 0.8s infinite linear;
  border: 6px solid #3498db;
  border-right-color: transparent;
  border-radius: 50%;
}