<body>
  <div class="load"></div>
  
  <style>
    body {
      background: #e7e7e7;
    }

    .load {
      width: 80px;
      height: 80px;
      border: 7px solid;
      margin: 0 auto;
      border-radius: 50%;
      animation: load 1.7s infinite;

      position: relative;
      top: 180px;
    }

    @keyframes load {
      0% {
        transform: scale(.5);
        border-color: #013d5f;
      }

      50% {
        transform: scale(1.2);
        border-color: darkorange;
      }

      60% {
        transform: scale(1.2);
        border-color: darkorange;
      }

      100% {
        transform: scale(.5);
        border-color: #013d5f;
      }
    }
  </style>
</body>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.