.loader {
    border: 16px solid yellow; /* Light grey */
    border-top: 16px solid red; /* Blue */
    border-radius: 40%;
    width: 275px;
    height: 275px;
    animation: spin 2s linear infinite;
  }

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

#colorBox{
    width:300px;
     height:300px;
      border:1px solid #000;
}