body {
 background-image: url("https://files.catbox.moe/rw5hk7.jpg");
 
 font-family: arial;
 font-size: 14px;
 color: hotpink;
}

/*minecraft font*/
/*@font-face {
font-family: minecraftia;
src: url(https://dl.dropbox.com/s/qrro6u0lx00x66j/Minecraftia-Regular.ttf?);
}*/

.container {
  display: grid;
  grid-template-rows: 100px 100px 100px 100px 100px 100px;
  grid-template-columns: 170px 170px 170px 170px 170px;
  
  
  margin: 50px auto 50px auto;
  
  
  
  height: 500px;
  width: 850px;
  
  padding: 10px;
  gap: 10px;
  
  overflow: auto;
  
  
  background-image: url("https://files.catbox.moe/wgy51x.jpg");
  
/*rainbow border*/
border: 3px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);

}

.container > div {
  padding: 10px;
}

/*header*/
.item1 {
  grid-row: 1 / 1;
  grid-column: 1 / 5;
  
  background-color: white;
  
/*rainbow border*/
border: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);

}

/*explore*/
.item2 {
  grid-row: 2 / 5;
  grid-column: 1 / 1;
  
  color: hotpink;
  text-align: left;
  
  background-color: white;  
  
/*rainbow border*/
border: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);

}

/*text*/
.item3 {
 grid-row: 2 / 4;
 grid-column: 2 / 4;
 
 color: hotpink;
 text-align: center;
 
 background-color: white;
 
/*rainbow border*/
border: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);

}

mark {
  background-color: violet;
  color: lavenderblush;
}

.introtext {
  float: right;
  margin-right: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.fixedleftandshake {
  float: left;
  margin-left: 10px;
  margin-top: 50px;
  margin-bottom: 50px;
  
/*shake animation*/
         
 animation: jerk 0.8s step-end infinite;
 }
 
@keyframes jerk {
 
0% {
 transform: rotate(2deg);
 }
 50% {
 transform: rotate(-2deg);
 }
/*shake animation end*/
}

/*stamps*/
.item4 {
 grid-row: 1 / 7;
 grid-column: 5 / 5;
}

/*manga banner*/
.item5 {
  grid-row: 4 / 4;
  grid-column: 3 / 5;
  
  background-color: white;
  
/*rainbow border*/
border: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);

}

/*random empty space*/
.item6 {
  grid-row: 4 / 4;
  grid-column: 2 / 3;
  
  text-align: center;
}

/*site stats and to-do*/
.item7 {
  grid-row: 2 / 4;
  grid-column: 4 / 5;
  
  background-color: white;
  
/*rainbow border*/
border: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);

}

/*link blur*/
a:hover {
webkit-filter: blur(0.5px);
filter: blur(0.5px);
color: lightskyblue;
}

/*link color*/
a {
  color: hotpink;
}



/*scrollbar*/

*::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
*::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: #D5EFEE;
}

*::-webkit-scrollbar-track:hover {
  background-color: #A4E2D8;
}

*::-webkit-scrollbar-track:active {
  background-color: #9DDFDF;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #F393F0;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #CB82CD;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #D186D9;
}