body{
 background-image: url('images/background/mirror.jpg');
 background-color: black;
 
 
background-repeat: repeat;
background-attachment: fixed; 
  background-size: 100% 100%;
  
padding:0;
margin:0;

}
@font-face{
  font-family: "myFirstFont";
  src: url("https://evieluv222.neocities.org/fonts/KiwiSoda.Woff2") ;
}
@font-face{
  font-family: "2ndfont";
  src: url('https://evieluv222.neocities.org/fonts/Hawaii%20Killer.ttf');}
  @font-face{
  font-family: "3rdfont";
  src: url('https://evieluv222.neocities.org/fonts/CharmingSymbols.ttf');}
@font-face{
  font-family: "4thfont";
  
 src: url('fonts/Wizards Magic.ttf');}
 @font-face{
   font-family:"5thfont";
 src:url('fonts/XTypewriterRegular.ttf');}
  @font-face{
   font-family:"6thfont";
 src:url('fonts/The Typewriter Hell.otf');}

.thewaywriting{color:black;
font-family: "5thfont";
background-image: url("images/background/3.jpeg");
filter:invert(100%);
text-align:center;
font-size:16px;
}
.sidenav {
  
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: -50px;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0px;

  flex-wrap:nowrap;
  background-image:url('images/background/plate.png');
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 16px;
  color: black;
  display: block;
  transition: 0.3s;
 font-family:"5thfont";
    text-align:left;
   
    
}

.sidenav a:hover {
  color: #f1f1f1;
  
  
   
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  flex-wrap:nowrap;
  color:black;
  
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 6px;}
  .sidenav a {font-size: 13px;}
}

.headerbox a:link{
  color: white;
  background-color: transparent;
  text-decoration: none;
}
.headerbox a:visited{
  color: black;
  background-color: transparent;
  text-decoration: none;
}
.headerbox a:active{
  color: white;
  background-color: transparent;
  text-decoration: underline;
}
.headerbox a:hover{
  color:#FE0B2B;
  background-color: transparent;
  filter:blur(0.7px);
}


.headerbox{
   
background-repeat:no-repeat;
background-size: 100% 100%;
 
 text-align:center;
 margin:0px;
  

}
.headerbar{
  
   text-align:center;
   
 font-size: 25px;

  color: white;
        font-family: "papyrus", fantasy;
   
  
 }

.headerbar2 a:hover{
  color: blue;
  background-color: transparent;
  filter:blur(1px);
}
.headerbar2 a:active{
  color: blue;
  background-color: transparent;
  text-decoration: line-through;
  
}
.headerbar2 a:visited{
   color: black;
  background-color: transparent;
  text-decoration: none;
}
.headerbar2 a:link{
  color: white;
  background-color: transparent;
  text-decoration: none;
}
.headerbar2{
  font-family: "2ndfont";
   font-size:40px;
   text-align:center;
 background-size:100% 100%;
  text-shadow: 1px 1px 1px #f1ffd2, 0 0 1em white, 0 0 0.2em white;
  color:white;
background-image: url("images/background/hollow.jpg");

 }
 .avatar{
   background-image: url("images/background/hollow.jpg");
   text-align: center;
  font-family: "3rdfont";
  font-size: 70px;
  color: black;
  text-shadow: 1px 1px 1px #f1ffd2, 0 0 1em white, 0 0 0.2em white;
  
  background-size: 100% 100%;
   
    
 }
.welcometext{
 
    text-align:center;
    font-family: "2ndfont";
    font-size: 88px;
   
     color:black;
     
    text-shadow:
    1px 1px 1px white,
    0 0 1em white,
    0 0 0.2em white;
 
    }
    
  .image1{
  
  text-align:center;
    font-size: 105px;

   
 

  }
 
.dropdown{
  
  text-align:center;
  color:black;

     font-size: 20px;
font-family: "papyrus",fantasy;
  text-shadow:
    2px 2px 2px white,
    0 0 1em white,
    0 0 0.2em black;
     
        background-image: url("images/gallery/birth.jpg");
}
.intermission{ 
background-image: url("images/background/image3A52387_mirror2.jpg");
text-align:center;
padding:0px;
border:0px;
margin:0px;
}
.dropdown-content {
  display: none;
  position: relative; text-align:center;
  background-color: #f9f9f9;
  
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
 
  background-image:url('images/gallery/ghost trees 2.jpg');
  font-family: "2ndfont";

 
}



.dropdown:hover .dropdown-content {
  display: block;
  text-align:center;

}

 
   .imgContainer2{
    float:left;
     font-size: 20px;
 font-family: "apple chancery",cursive;
  color: white;
       
     text-align: center;
     background-image:url('images/gallery.purple hand.jpg');
 text-shadow:
    3px 1px 2px black,
    0 0 1em #00FF7F,
    0 0 0.2em #00FF7F;
  
    
   
      background-repeat: no-repeat;
  background-attachment: fixed; 
  background-size: 100% 100%;
    
}
.p3{ 

 
font-family: "2ndfont";
 
  text-align: center;
font-size:26px;
text-shadow:
    5px 5px 5px white,
    0 0 1em white,
    0 0 0.2em white;
    color:black;
 
 
  
   
      background-repeat: no-repeat;
  background-attachment: fixed; 
  background-size: 100% 100%;
    
}
.p4{ 

 font-size: 21px;

  color:#ffd6e1;
  text-align: center;
 
  text-shadow:
    5px 5px 0.25px black,
    0 0 1em black,
    0 0 0.2em white;
        


  
  
   
      background-repeat: no-repeat;
  background-attachment: fixed; 
  background-size: 100% 100%;
    
}
.p5 h3{
  text-decoration:underline;
  text-align:left;
  text-shadow:
    4px 9px 4px white,
    0 0 1em black,
    0 0 0.2em white;
    
}
  
  

.p5{
  font-size: 20px;
font-family: "apple chancery",cursive;
  color: black;
  text-align:right;
 
  background-image: url("images/background/spider.jpeg");
        
        margin:0px;
filter:invert(100%);

  text-shadow:
    4px 6px 4px white,
    0 0 1em black,
    0 0 0.2em white;
  
   
      background-repeat: no-repeat;
  background-attachment: fixed; 
  background-size: 100% 100%;}
  
  .pnew{
    font-size: 20px;
font-family: "papyrus",fantasy;
  color: black;
  text-align:center;
 
  background-image: url("images/gallery/birth.jpg");
        
        margin:0px;


  text-shadow:
    4px 6px 4px white,
    0 0 1em black,
    0 0 0.2em white;
  
   
      background-repeat: no-repeat;
  background-attachment: fixed; 
  background-size: 100% 100%;}
.containerrr{
  
  text-align:center;
  background-image:url("images/banner/banner.png");
  background-repeat: repeat;
  filter:invert(100%);
  padding:0px;
  border:0px;
}
.imgContainer3{
  float:left;
 background-image:url('gifs/gif4.gif');
 color:white;
}


.tooltip {
  position: relative;
  text-align:right;
   /* Add dots under the hoverable text */
  cursor: pointer;
 color:black;
 display: inline-block;
 width:fit-content;
 height:fit-content;
    
font-size: 35px;
font-family: "2ndfont";
}

/* Tooltip text */
.tooltiptext {
  visibility: hidden; /* Hidden by default */

  background-color: white;
  color: #ffffff;
  color:black;
  padding: 5px 0;
  border-radius: 6px;
font-family: "courier", monospace;

  font-size:17px;
  z-index:3000;
  text-shadow:
    1px 1px 1px white,
    0 0 1em black,
    0 0 0.2em white;
}

/* Show the tooltip text on hover */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.altar {
 text-align:center;
background-repeat: repeat;
background-size: 100% 100%;
}

.crosses{ text-align:center;
background-image:url("images/background/image3A52387_mirror2.jpg");
background-size: 100% 100%;
padding:0;

}

.realnav{
   background-image:url('images/background/as.jpg');
}
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0px;
  background-image:url('https://dn710301.ca.archive.org/0/items/new-discoveries/new-discoveries-10.jpg');
  background-size: 100% 100%;
}
.rowheader{ text-align:center;
text-shadow:
    4px 9px 4px white,
    0 0 1em black,
    0 0 0.2em white;
    font-family: "2ndfont";
    font-size:25px;
    padding:0px;
}
/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 0px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}
.cat {
  
   text-align:center;
  
  background-repeat: repeat;
background-size: 100% 100%;

 
 
  background-image:url('images/background/cat.png');

 
}

.dropdown2 {
  
  text-align:center;
  color:white;
  font-family: "3rdfont";
}

.dropdown-content2 {
  display: none;
  position: relative; text-align:center;
  background-color: #f9f9f9;
  
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
 
  background-image:url('images/background/3.jpeg');
filter:contrast(200%);

 
}

.dropdown2:hover .dropdown-content2 {
  display: block;
  text-align:center;

}
.novel{  background-image: url('images/background/image3A52153_mirror.jpg');
background-size: 100% 100%;}
.novel pre{ 

  text-align:center;
    font-family: "apple chancery", cursive;
    font-size: 20px;
   
     color:white;
     
    text-shadow:
    1px 1px 1px white,
    0 0 1em white,
    0 0 0.2em white;}