@import url('https://fonts.cdnfonts.com/css/supernatural');
@import url('https://fonts.cdnfonts.com/css/heinzheinrich');

html {
  cursor: url(./img/assets/cursor/c1.png), auto !important;
}
body{
font-family: 'supernatural_10_01', sans-serif;
text-transform: lowercase;
 letter-spacing: -0.3px;
 word-spacing: -0.5px;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: auto;
  font-smooth: never;
  text-rendering: optimizeSpeed;
font-size: 20px;
background-image: linear-gradient(#bef6ff 1px, transparent 1px), linear-gradient(to right, #bef6ff 1px, transparent 1px);
background-size: 10px 10px;
background-color: #ffffff;
line-height: 9px;
opacity: 1;
}
button {
  background-color: #ff00aa; 
  cursor: url('./img/assets/cursor/c1.png'), auto;
  color: white;                 
  border: none;            
font-family: 'supernatural_10_01', sans-serif; 
margin-top: -10px !important;
  padding: 3px 20px 6px;          
  font-size: 12px;              
border: #000000 1px solid;
}

form {
  background: #ffffff;  
color: #c8aaff;
  padding: 7px;
  cursor: url('./img/assets/cursor/c2.png'), auto;
  width: 300px;
  margin: 50px auto;

}

input[type="password"] {
  background-color: #dbff3a !important;
  color: #333;
  cursor: url('./img/assets/cursor/c1.png'), auto;
  width: 270px;
  margin-bottom: 15px;
  border: 1px solid #ff00aa;;
  font-size: 14px;
}

h1 {
font-family: 'HeinzHeinrich', sans-serif;
 letter-spacing: 2px;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: auto;
  font-smooth: never;
  text-rendering: optimizeSpeed;
color: #ff00aa;
font-size: 24px !important;
}

.pixel {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  transition: opacity 0.3s ease-in;
}