<html>
  <head>
    <title>Revolving Dots | Loaders</title>
    <style>
      #loader {
        position: relative;
        width: 45px;
        height: 45px;
        margin: 60px auto 20px;
        animation: fullRotate 3s linear 600ms infinite;
      }

      @keyframes fullRotate {
        to { transform: rotate(720deg); }
      }

      #loader::before,
      #loader::after {
        position: absolute;
        width: 25px;
        height: 25px;
        content: "";
        background-color: hsl(200, 10