@import url('https://fonts.cdnfonts.com/css/bebas-neue');

html {
  cursor: url('arrow.cur'), default;
}

body {
 font-family: 'Bebas Neue', sans-serif;
 margin: 0;
 backdrop-filter: brightness(.5) blur(4px) grayscale(.2);
 background-image: url('slan.gif');
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 background-color: #000;
}

.lg {
 position: absolute;
 background-image: url('newhearts.png');
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 width: 100%;
 height: 50%;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

.bottom {
 position: absolute;
 bottom: 0;
 left: 50%;
 transform: translate(-50%);
 margin-bottom: 5px;
}

a {
 cursor: url('link.cur'), pointer;
}

.bottom a {
 color: #fff;
 text-decoration: none;
 font-size: 2rem;
 font-weight: bold;
 transition: .5s;
}

.bottom a:hover {
 color: red;
}

.loader {
 display: flex;
 flex-direction: column;
 position: absolute;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 100vh;
 overflow: hidden;
 background: #000;
 transition: opacity 0.75s, visibility 0.75s;
 z-index: 9999999;
}

.loader--hidden {
 opacity: 0;
 visibility: hidden;
}

.one {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 10px;
  background-color: red;
  border-radius: 50%;
  animation: loader1Animation 1s ease-in-out infinite;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.one:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 19px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #000;
}

@keyframes loader1Animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Loader by: Yohaan Chokhany - https://codepen.io/yohaanchokhany */
/* Cursors from Versus Themes - https://vsthemes.org */