/* html + body */

html {
  cursor: url("https://slugger.neocities.org/graphics/cursors/cursor-small.png"), auto;
}

body {
  background-image: url("https://slugger.neocities.org/graphics/backgrounds/home-background-animated.gif");
  background-size: 70px 70px;
  color: white;
}

/* main elements */

.contain {
  background-color:black;
  position:absolute;
  inset:0;
  place-self:center;
  text-align: center;
  width:650px;
  height:360px;
  
}

/* fonts */

@font-face { 
  font-family: chicago-punk;
  src: url(https://slugger.neocities.org/fonts/chicago_punk.woff);
}

@font-face {
  font-family: pixel_grunge;
  src: url(https://slugger.neocities.org/fonts/pixel_grunge.woff);
}

h1 {
  font-family: chicago-punk;
  font-size: 50px;
}
  
p {
  font-family: pixel_grunge;
  font-size: 20px;
}
  
a  {
  font-size: 20px;
  padding: 5px;
  background-color: black;
  font-family: pixel_grunge;
  text-decoration-line: none;
  color: orangered;
  border: solid orangered;
}

a:hover {
  background-color: orangered;
  padding: 5px;
  color: black;
  border: orangered;
}