html {cursor: url(https://hearthoax.neocities.org/images/cursor.png), auto;}

body {background: #262626 url(https://hearthoax.neocities.org/images/bg.png) center center/auto repeat fixed;
  font-family: calibri, sans-serif;}

  a {cursor: url(https://hearthoax.neocities.org/images/hover.png), auto;}

button {cursor: url(https://hearthoax.neocities.org/images/hover.png), auto;}

a, a:link {color: white;} a:visited {
  color: lightgray;
  transition: all .5s;}
a {text-decoration: none; }
a:hover {
  color: gray;}

#container {
  background:linear-gradient(to right, transparent, 10%, black, 90%, transparent);
  width: 50%;
  padding: 3%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);}
p {

  }
h1 {
  font-family: sans-serif, sans-serif;
  font-size: 30px;
  text-align: center;
  color:white;
  position: relative;
  background: white;
  padding: 20px;
  border-radius: 5px;}
  
  .bg { 
	 background-image: url("https://hearthoax.neocities.org/images/bg%20test.png");
	 background-repeat: repeat-y;
	 background-position-y: 1079px;
	 background-attachment: fixed;
	 z-index: -9999;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 animation: slide 210s linear infinite;
	 position: fixed;
}

@keyframes slide {
  0% {
	  background-position-y: 0;
  }
  100% {
	  background-position-y: -1079px;
  }
}

@media (prefers-reduced-motion) {
  .bg {
    animation: none;
  }
}