.loader-wrapper { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; } .loader { border: 4px solid #e3e3e3; border-top: 4px solid #075592; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; } .text { color: #e3e3e3; font-family: Roboto; font-size: small; font-weight: 100; } @keyframes spin { 0% { transform: rotate(0deg);} 100% {transform: rotate(360deg);}}