.loader { 
  border: 0px solid transparent; 
  border-top: 1px solid #3498db;
  border-radius: 50%; 
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite; 
  height: 100px; 
  width: 100px;
  position: absolute;
  margin: -56px 0 0 -56px;
  left: 50%; 
  top: 50%;
}
#root { 
  text-align: center;
  color: #3498db;
}
@-webkit-keyframes spin { 
  0% { -webkit-transform:rotate(0deg); }
  100% { -webkit-transform:rotate(360deg); } 
}
@keyframes spin {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); } 
}