html{
background: black;
font-family:'Comic Sans MS';
}

@font-face {
    font-family: "Comic Sans MS";
    src: url("https://db.onlinewebfonts.com/t/7cc6719bd5f0310be3150ba33418e72e.eot");
    src: url("https://db.onlinewebfonts.com/t/7cc6719bd5f0310be3150ba33418e72e.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/7cc6719bd5f0310be3150ba33418e72e.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/7cc6719bd5f0310be3150ba33418e72e.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/7cc6719bd5f0310be3150ba33418e72e.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/7cc6719bd5f0310be3150ba33418e72e.svg#Comic Sans MS")format("svg");
}
a:hover{
 cursor: url("https://downloads.totallyfreecursors.com/cursor_files/boxrainbow3.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/boxrainbow3.gif"), auto;
 background: linear-gradient(90deg, #f00
#ff002b, #f05, #ff0080, #f0a, #ff00d4, #f0f, #d400ff, #a0f, #7f00ff, #50f, #2a00ff, #00f, #002bff, #05f, #007fff, #0af, #00d4ff, #0ff, #00ffd5, #0fa, #00ff80, #0f5, #00ff2b, #0f0, #2bff00, #5f0, #80ff00, #af0, #d4ff00, #ff0, #ffd500, #fa0, #ff8000, #f50, #ff2b00, #f00,);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
HTML,BODY{
  cursor: url("https://downloads.totallyfreecursors.com/cursor_files/boxpurpglit.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/boxpurpglit.gif"), auto;
}

body::before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
    background-size: auto;
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
  opacity: 0.8;
  background-size: 100% 4px;
  will-change: background, background-size;
  animation: scanlines 0.3s linear infinite;
}
a,b,h1,h2,h3,p,small{
  text-align: justify;
}


div{
  Border-radius: 10px;
  padding: 2px;
}

.inner{
  width: 470px;
  height:500px;
  background: black;
  margin:auto;
  padding: 10px;
  color:  #2d46f5 ;
}


.center{
  text-align: center;
}
a,b,h1,h2,h3,p,small{
  text-align: justify;
}
  
small{
  font-size: 11px;
}

a,p,b,i{
  font-size: 13px;
}
  
.mortality{
  
  width: 800px;
  height: 1250px;
  margin: auto;
  margin-top: 200px;
  padding: 10px;
  background-image: url(https://i.pinimg.com/originals/3e/ea/a2/3eeaa26d248b53f0e4cd8a738b7d289f.gif);
 display: flex;
  flex-direction: column;
  flex-wrap: wrap;

}


.bottom{
  border-color: #47a7ee ;
  border-width: 8px;
  border-bottom-style: dashed;
  border-top-style: outset;
  width: 800px;
  height: 220px;
 background-color: black;
 margin-top: 20px;
}

.column2r1{
  border-color:  #be3eff ;
  border-width: 8px;
 color: #E25283;
   border-right-style: groove;
  border-top-style: groove;
  width: 330px;
  height: 420px;
  padding: 5px;
  background-color: black;
  margin-left: -350px;
  text-align: center;
}

.center{
  margin: auto;
  text-align: center;
}

.header-writings{
   width: 700px;
  height:200px;
  background: black;
  margin:auto;
  padding: 10px;
  color:  #2d46f5 ;
  border-top-style: dashed;
  Border-color: #85ecf6;
  border-width: 10px;
}
.writings{
   width: 620px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 10px;
  color:  #2d46f5 ;
  border-right-style: dotted;
  Border-color: #2d46f5;
  border-width: 10px;
  margin-top: 20px;
}

.homehead{
   width: 700px;
  height: 300px;
  background: black;
  margin:auto;
  padding: 20px;
  color:  #2d46f5 ;
  margin-bottom: 20px;
}

.bloghead{
   width: 700px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 20px;
  color:  #2d46f5 ;
  margin-bottom: 20px;
}
.mediaframe{
  width: fit-content;
  height: fit-content;
  margin: auto;
  margin-top: 200px;
  padding: 15px;
  background-image: url(https://i.pinimg.com/originals/70/46/87/704687196a777ad5ca963266636b75c9.gif);
  flex-direction: column;
  flex-wrap: wrap;

}
.mediapre {
  background: -webkit-linear-gradient(magenta, blueviolet);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mediabody{
  top: 20px;
   width: 700px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 20px;
  text-align: justify;
}

.mediabuttons{
   width: 145px;
  height: fit-content;
  background: black;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
  display: inline-block;
}

.infoblogframe{
  
  width: fit-content;
  height: fit-content;
  margin: auto;
  margin-top: 200px;
  padding: 15px;
  background-image: url(https://media0.giphy.com/media/V4NSR1NG2p0KeJJyr5/giphy.gif?cid=6c09b952dpi6xf6lhaczdcf0qfes6vxugcpkz3mdxf0g1g48&ep=v1_internal_gif_by_id&rid=giphy.gif&ct=g);
 display: flex;
  flex-direction: column;
  flex-wrap: wrap;

}
.infoblog {
  background: -webkit-linear-gradient(green, lime);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bloginfo{
  top: 20px;
   width: 700px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 20px;
  text-align: justify;
}



.bloghead{
   width: 700px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 20px;
  color:  #2d46f5 ;
  margin-bottom: 20px;
}
.cherubimblogframe{
  
  width: fit-content;
  height: fit-content;
  margin: auto;
  margin-top: 200px;
  padding: 15px;
  background-image: url(https://i.imgur.com/gqD4aI5.gif);
 display: flex;
  flex-direction: column;
  flex-wrap: wrap;

}
.chrubim {
  background: -webkit-linear-gradient(red, firebrick);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blogcherubim{
  top: 20px;
   width: 700px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 20px;
  color:  blue ;
  text-align: justify;
}


.artframe{
  width: fit-content;
  height: fit-content;
  margin: auto;
  margin-top: 200px;
  padding: 15px;
  background-image: url(https://i.pinimg.com/originals/79/3c/0a/793c0ab1adc3baf1df0dc754f409b54c.gif);
  flex-direction: column;
  flex-wrap: wrap;

}
.artpre {
  background: -webkit-linear-gradient(blue, magenta);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mediabody{
  top: 20px;
   width: 700px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 20px;
  text-align: justify;
}

.mediabuttons{
   width: 145px;
  height: fit-content;
  background: black;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
  display: inline-block;
}

.bloghead{
   width: 700px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 20px;
  color:  #2d46f5 ;
  margin-bottom: 20px;
}
.blogframe{
  width: fit-content;
  height: fit-content;
  margin: auto;
  margin-top: 200px;
  padding: 15px;
  background-image: url(https://i.pinimg.com/originals/02/1d/de/021ddea9f390c2a60eeed81a8cc62202.gif);
  flex-direction: column;
  flex-wrap: wrap;
}

.mediabody{
  top: 20px;
   width: 700px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 20px;
  text-align: justify;
}
.shrineshead{
   width: 700px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 20px;
  margin-bottom: 20px;
  color: #b51c48;
}
.shrinesframe{
    color: ;
  width: fit-content;
  height: fit-content;
  margin: auto;
  margin-top: 200px;
  padding: 15px;
  background-image: url(https://i.pinimg.com/originals/b6/69/4d/b6694d23b45b6e67206a085ded785bec.gif);
 display: flex;
  flex-direction: column;
  flex-wrap: wrap;

}
.shrinestext{
  background: -webkit-linear-gradient(#b51c48, #ce2152);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blogshrines{
  top: 20px;
   width: 700px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 20px;
  text-align: justify;
  color: #b51c48;
}


.serabuttons{
   width: 345px;
  height: 20px;
  background: black;
  padding: 20px;
  text-align: center;
  display: inline-block;
}

.serabuttons{
   width: 323px;
  height: fit-content;
  background: black;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
  display: inline-block;
}



.bloghead{
   width: 700px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 20px;
  color:  #2d46f5 ;
  margin-bottom: 20px;
}
.blogframe{
  
  width: fit-content;
  height: fit-content;
  margin: auto;
  margin-top: 200px;
  padding: 15px;
  background-image: url(https://i.pinimg.com/originals/38/3e/0e/383e0edf60a2ae892a686b18acdcb148.gif);
  flex-direction: column;
  flex-wrap: wrap;

}
.seraphim {
  background: -webkit-linear-gradient(blue, aqua);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blogseraphim{
  top: 20px;
   width: 700px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 20px;
  color:  blue ;
  text-align: justify;
  display: inline-block;
}
.fourohfour{
   width: 700px;
  height:420px;
  background: black;
  margin:auto;
  padding: 10px;
  color:  #2d46f5 ;
}
.silly{
   width: 720px;
  height:fit-content;
  background: black;
  margin:auto;
  padding: 10px;
  color:  #2d46f5 ;
}
.spookyframe{
  
  width: fit-content;
  height: fit-content;
  margin: auto;
  margin-top: 200px;
  padding: 15px;
  background-image: url(https://i.pinimg.com/originals/13/2f/24/132f24ef96e6da48a444652820be478b.gif);
 display: flex;
  flex-direction: column;
  flex-wrap: wrap;

}

.titlepre {
  font-size: 28px;
  background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 margin-top: -50px;
}

.homebody{
  top: 20px;
   width: 700px;
  height:830px;
  background: black;
  margin:auto;
  padding: 20px;
  text-align: justify;
  color: red;
}

.indexbuttons{
   width: 145px;
  height: fit-content;
  background: black;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
  display: inline-block;
  color: #892eff;
}
.frame{
  width: fit-content;
  height: 1500px;
  margin: auto;
  margin-top: 200px;
  padding: 15px;
  background-image: url(https://i.pinimg.com/originals/9c/e4/75/9ce47586ff8de373e7a7bda3bd600084.gif);
 flex-direction: column;
  flex-wrap: wrap;

}
a{
  text-align: justify;
   background: linear-gradient(90deg, #f00, #ff2b00, #f50, #ff8000, #fa0, #ffd500, #ff0, #d4ff00, #af0, #80ff00, #5f0, #2bff00, #0f0, #00ff2b, #0f5, #00ff80, #0fa, #00ffd5, #0ff, #00d4ff, #0af, #007fff, #05f, #002bff, #00f, #2a00ff, #50f, #7f00ff, #a0f, #d400ff, #f0f, #ff00d4, #f0a, #ff0080, #f05, #ff002b, #f00);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.boxyybox{
  border-color:black;
   margin-top: 10px;
  padding: 30px;
   width: 650px;
  height: 270px;
  float: right;
}
.boxybox{
  width: 700px;
  height: 150px;
  padding: 5px;
  color:  #ff2ed9;
  background-color: black;
  margin-right: 20px;
  float:left;
}

.boxyybox, .boxyybox2{
  border-width: 8px;
 background-color: black;
}


.fourohfourframe{
    width: fit-content;
  height: fit-content;
  margin: auto;
  margin-top: 200px;
  padding: 15px;
  background-image: url(https://i.pinimg.com/originals/9c/e4/75/9ce47586ff8de373e7a7bda3bd600084.gif);
 flex-direction: column;
  flex-wrap: wrap;
}
.indexframe{
 width: fit-content;
  height: 530px;
  margin: auto;
  margin-top: 200px;
  padding: 15px;
  background-image: url(https://i.pinimg.com/originals/9c/e4/75/9ce47586ff8de373e7a7bda3bd600084.gif);
 flex-direction: column;
  flex-wrap: wrap;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.photoframe{
  margin: auto;
  width: fit-content;
  height: fit-content;
  margin-top: 200px;
  padding: 15px;
  background-image: url(https://i.pinimg.com/originals/28/62/b2/2862b2e94a49e91b50c0ef82c92bafe1.gif);
  flex-direction: column;
  flex-wrap: wrap;

}
.photopre {
  background: -webkit-linear-gradient(aqua, #1e1a60);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.photobuttons{
   width: 335px;
  height: fit-content;
  background: black;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
  display: inline-block;
}
.centertext{
  text-align: center;
}
.photocolumn{
display: inline-block;
vertical-align: top;
margin:5px;
padding:10px;
width:300px;
}

.pic:hover{
  transform:scale(2.0);
}

.pic{
  max-width: 100%;
    height: auto;
}
.photocolumn-wrapper {
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 650px;
}


.medishrinesbody{
  top: 20px;
   width: 700px;
  height:900px;
  background: black;
  margin:auto;
  padding: 20px;
  text-align: justify;
}
.shrinecardgb{
  height:250px;
  width:650px;
    padding: 20px;
  background-image: url(https://i.pinimg.com/originals/fc/d5/b1/fcd5b15d42a95b5b56f2cc2eff85e02d.gif);
  display:flex;
  flex-direction:row;
  color: blue;
}

.gbcardtext{
  width: 350px;
  height: 200px;
   padding: 15px;
  background: #c71628;
  margin-top:15px;
  color: black;
  text-decoration: none;
}

.shrinecardnekoj{
  height:250px;
  width:650px;
    padding: 20px;
  background-image: url(https://i.pinimg.com/originals/52/43/b5/5243b591f26867fd66f77189a56fc6e6.gif);
  background-size: cover;
  display:flex;
  flex-direction:row;
}

.nekojcardtext{
  width: 350px;
  height: 200px;
   padding: 15px;
  background: #fcd703;
  margin-top:15px;
}