
<style>
/* styles.css */
 
.loader-container {
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
 height: 100%;
  width:100%;
background:#fff;
z-index:9999;
align-items:center;
display:flex;
}

.loader {
  margin: auto;
  width: 50px;
  height: 50px;
  
  background-color: #FF5C35;
  animation: spin 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
}

@keyframes spin {
  0%, 100% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(0.5) rotate(180deg);
  }
}
</style>
<div class="loader-container">
  <div class="loader"></div>
</div>
