/* cursor from https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/user/use-1/use11.cur), default !important;}
/*fonts */
@font-face {                  
font-family: 'Tangerine Regular';
src: url(fonts/Tangerine-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Fondamento';
  src: url('fonts/Fondamento-Italic.ttf');
}

/* code */
body {
  text-align: justify;
  background-image: url('https://rivendell.neocities.org/backgrounds/stars2.png');
  color: white;
  min-height: 100vh;
  font-family: 'Fondamento';
}
h1{
    font-family: 'Tangerine Regular';
    color:white;
    text-align: center;
    font-size: 45px;
}
.index{
    text-align: center;
  background-color: black;
  width:200px;
  overflow: scroll;
  top: 300px;
  left:80px;
  position: absolute;
  border-color: white;
  border-width:2px;
  border-style: solid;
  filter: drop-shadow(1px 1px 0 #edf9fc)
          drop-shadow(-1px 1px 0 #edf9fc) 
          drop-shadow(0 2px 0 #edf9fc) 
          drop-shadow(0 -1px 0 #edf9fc) 
          drop-shadow(0 1px 1.5px #edf9fc) 
          drop-shadow(0 -1px 1.5px #edf9fc) 
          drop-shadow(1px -1px 1.5px #edf9fc) 
          drop-shadow(-1px -1px 1.5px #edf9fc);
}    

.main {
   background-color: black;
  width:800px;
  overflow: scroll;
  top: 300px;
  left:350px;
  position: absolute;
  padding: 20px;
  border-color: white;
 border-width:2px;
 border-style:solid;   
 filter: drop-shadow(1px 1px 0 #edf9fc)
          drop-shadow(-1px 1px 0 #edf9fc) 
          drop-shadow(0 2px 0 #edf9fc) 
          drop-shadow(0 -1px 0 #edf9fc) 
          drop-shadow(0 1px 1.5px #edf9fc) 
          drop-shadow(0 -1px 1.5px #edf9fc) 
          drop-shadow(1px -1px 1.5px #edf9fc) 
          drop-shadow(-1px -1px 1.5px #edf9fc);
}    
.dollicon{
  -webkit-mask-image: url(https://i.imgur.com/nNaH9gv.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-moz-mask-image: url(https://i.imgur.com/nNaH9gv.png);
-moz-mask-size: 100%;
-moz-mask-repeat: no-repeat;
-moz-mask-position: center;
filter: grayscale(75%);
transition: .25s ease-out;
}
.dollicon:hover{
filter: grayscale(0%);
transition: .25s ease-in;
}