p {
  color : #dadbe8;
}

body {
  background-color : #070a25;
  
  color : #dadbe8;
  
  font-family: "Garmond";
  text-indent: 1px;
  font-size: 10px;
  background-image: url(https://sl3ep.neocities.org/Images/Background1.jpg) ;
  }

ul {
  letter-spacing: 1px;
  word-spacing: 2px;
}

h1{
  text-align:center;
  font-size: 60px;
}


/*h2{
  padding:10px;
  
}*/
/* Start of Everything layout Grid*/
.EVERYTHINGgrid{
  height: 2500px;
  display: grid;
  grid-template-columns: 200ps;
  grid-template-rows: 200px;
  /*grid-auto-columns: 300px;
  grid-auto-rows: 300px*/
  gap: 15px;

  grid-template-areas:
    "SideBar Title Title Title"
    "SideBar About About About"
    "SideBar About About About"
    "SideBar About About About"
    "SideBar Fandoms Fandoms Fandoms"
    "SideBar Fandoms Fandoms Fandoms"
    "SideBar WebButtons WebButtons WebButtons"
    "SideBar Friends Friends Friends";
}

.EVERYTHINGgrid div{
  
  padding: 7px;
  font-size: 20px;
  color: #dadbe8;
  text-align: center; 
  
  width: 80%;

}


/* End of everything layout grid*/
.FandomsGrid { 
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr ;
  /*grid-template-rows: 1fr 3fr;*/
  overflow: hidden;
  /*grid-auto-columns: 300px;
  grid-auto-rows: 300px*/
  gap: 5px;
 
}
.FandomsGrid div{
  
  padding: 1px;
  font-size: 20px;
  color: #dadbe8;
  text-align: justify;
  
  width: 85%;
}

.Basic1 {
  margin: auto;
  border-style: solid;
  border-width: 100px;
  border-image: url(https://sl3ep.neocities.org/Images/divBorder3.png) 800 repeat;
  border-image-outset: 12px;
  border-image-slice: 17%;;
  
  background-color: #010620;
  font-size: 15px;
}


.sideBar{
  background-image: url(https://drive.google.com/file/d/1WTLuL15sK4BrB7VDgIUQhlqQsC7L6ect/view?usp=drive_link);
}

.TITLE {
  margin:auto;
  
}

/* buttons for the other pages grid*/
.ButtonBottomSection{
  
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 column-gap: 30px;
  
  justify-content: center;
  border-style: solid;
  border-width: 100px;
  border-image: url(https://sl3ep.neocities.org/Images/divBorder3.png) 600 repeat;
  border-image-outset: 1rem;
  border-image-slice: 15%;;
  margin: auto;
  width: 85%;
  background-color: #010620;
  font-size: 15px;

  
}
.ButtonBottomSection div{
  /*background-color: #bfceff;*/
  
  padding: 10px;
  font-size: 30px;
  color: black;
  text-align: center;
}

.FriendsLinking div {
 background-color: #010620;

}
 .WebButtons{
   background-color: #393250;
   padding: 20px 50px;
   display: inline-block;
   cursor: pointer;
   font-family: "Garmond";
   font-size: 20px;
   
 }
.WebButtons : hover {
  background-color: #816c93;
   padding: 20px 50px;
   display: inline-block;
   cursor: pointer;
   font-family: "Garmond";
   font-size: 22px;
   
/*end for buttons for the other pages grid*/

.HangingLeaves {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 10px;
}
.NORMALdiv{
  
  border-width: 3px;
  padding: 20px;
  width: 75%;
  margin: auto;
}
  
.WallBorderTop {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
    }
.WallBorderBottom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;