.loader {position: fixed; top: 0; left: 0; width: 100vw; height:100vh; display: flex; align-items: center; justify-content: center; background-color: rgb(23, 30, 30); transition: opacity 0.75s, visibility 0.75s;} 
	.loader::after{ content: ""; width: 75px; height: 75px; border: 15px solid #dddd; animation: loading 0.75s ease infinite;}
  .loader--hidden {opacity: 0; visibility: hidden;}
  
	@keyframes loading {
		from { transform: rotate(0turn)}
		to { transform: rotate(1turn);} }