#loader{
  position:fixed;
  inset:0;
  background:#050505;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:99999;
  transition:.45s ease;
}

.loader-box{
  text-align:center;
}

.loader-circle{
  width:72px;
  height:72px;
  border:4px solid #242424;
  border-top:4px solid #f3f3f3;
  border-radius:50%;
  animation:spin 1s linear infinite;
  margin:0 auto 18px;
}

.loader-box h1{
  font-size:clamp(22px, 4vw, 34px);
  letter-spacing:3px;
}

.loader-box p{
  margin-top:8px;
  color:#808080;
  font-size:13px;
  letter-spacing:1px;
}

@keyframes spin{
  to{ transform:rotate(360deg); }
}