@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@font-face {
  font-family: "Pixel";
  src: url(ADDSBP__.TTF);
}

a {
  color: #4fed1c;
  
}
html {
 cursor: url('./images/cursor.png') 2 2, pointer;
}
a:hover {
 cursor: url('./images/cursor.png') 2 2, pointer;
}
body {
  cursor: url('./images/cursor.cur');
  padding: 10px;
  background-color: #989898;
  font-family: Verdana;
  background: url("./images/water2.webp") repeat;
    -webkit-animation: scrolling 5s linear infinite;
    -moz-animation: scrolling 5s linear infinite;
    -o-animation: scrolling 5s linear infinite;
    animation: scrolling 5s linear infinite;
}
.games, .anime {
 width: 115px;
}
.music {
width: 120px;
}
ul {
  white-space: nowrap;
}

ul, li {
  list-style: none;
  display: inline;
}
#favorites {
 background: rgba(0, 100, 180, 0.25);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.3px);
  -webkit-backdrop-filter: blur(2.3px);
  border: 2px white solid;
  color: white;
  border-radius: 10px;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 0px;
}
.grid .box-0 {
  padding: 10px;
  background: rgba(0, 100, 180, 0.25);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.3px);
  -webkit-backdrop-filter: blur(2.3px);
  border: 2px white solid;
  }
  .grid .box-1 {
  background-color: #9898987;
  color: darkblue;
  }
  h1 {
    font-family: "Pixel";
  }
   h2 {
    font-family: "Pixel";
  }
  
.grid .box-2 {
  padding: 10px;
}
.grid .box-3 {
  padding: 10px;
  background-color: rgba(0, 100, 180, 0.25);
  border: 2px white solid;
  color: white;
  border-radius: 10px;
  backdrop-filter: blur(2.3px);
-webkit-backdrop-filter: blur(2.3px);
}
.grid {
  display: grid;
  gap:25px;
  grid-template:
  "box-0 box-1 box-1 box-1 box-3"
  "box-0 box-2 box-2 box-2 box-3"
  "box-0 box-2 box-2 box-2 box-3"
  "badges badges badges badges badges"
  /1fr 1fr 1fr 1fr 1fr;
}
header { grid-area: box-1; }
aside { grid-area: box-0; }
main { grid-area: box-2; }
aside2 { grid-area: box-3; }
footer { grid-area: badges; }