body {
  font-size:12px;
  font-family: "Lucida Sans", sans-serif;
  background: linear-gradient(#8B0000, #000000, #941010);
  }
  
.main {
  margin: 0 auto;
  margin-top:30px;
  margin-bottom:45px;
  border:4px solid #1d1c32;
  width:600px;
  border-radius:3px;
  }
  
/*Box to contain header image*/
.header {
  border-bottom:4px solid #1d1c32;
  padding:0px;
  overflow-y:auto;
   }
   
.header img {
  width:100%;
  padding:0px;
  display:block; /*Prevents extra space after image*/
  }
  
/*Inner text area inside main div, below the header and image.*/
.text {
  background: black;
  padding:25px;
  color: White;

  }
  
.Videntis {
  
  line-height: 50px;
  padding-bottom: 50px;
  font-family: "myFirstFont", sans-serif;
  font-size: 150px;
  background-image: linear-gradient(to right, red, blue);
  
  /* Clip the background to the text characters */
  background-clip: text;
  -webkit-background-clip: text; /* For broader browser compatibility */

  /* Make the actual text color transparent so the background shows through */
  color: transparent;
  -webkit-text-fill-color: transparent; 
  animation: fire-effect 7s 3 ease-in-out;
  animation-delay: 45s;
}


@keyframes fire-effect {
  0% {
    text-shadow:
      0 0 10px #fff,
      0 0 10px #fff,
      0 0 10px #fff,
      0 0 10px #f0d342,
      0 0 10px #ff9900,
      0 0 10px #ff4500;
  }
  5% {
    text-shadow:
      0 0 5px #fff,
      0 0 10px #fff,
      0 0 15px #fff,
      0 0 20px #ff4500,
      0 0 20px #ff9900,
      0 0 20px #f0d342;
  }
 0% {
    text-shadow:
      0 0 1px #fff,
      0 0 2px #fff,
      0 0 5px #fff,
      0 0 10px #ff9900,
      0 0 20px #f0d342,
      0 0 20px #ff4500;
  }
}

.him {
  font-weight: bold;
  color: #FFD700
}

.Awaken {
  
  padding-left: 25px;
  color: white;
}

/*Prevent overflow of large images in main text areas.*/
.text img {
  max-width: 100%;
  height: auto;
  
  }
  
/*Used for the header below the header image.*/
.sub {
  font-size:16px;
  font-weight:bold;
  color:white;
  background:#1d1c32;
  padding-top:3px;
  padding-bottom:6px;
  text-align:center;
  }  

/*Classes for links section.*/
.links {
  font-size:12px;
  color:white;
  background:#1d1c32;
  padding-top:1px;
  padding-bottom:5px;
  text-align:center;
  }
 
/*Links are put into a ul list element*/ 
.links ul {
  list-style-type: none;
  margin:0px;
  padding: 0;
  }
  
/*Use li for the individual links*/
.links li {
  list-style-type: none;
  display: inline-block;
  padding: 3px 10px 3px 10px;
  margin: 3px 2px 3px 2px;
  background: #663348;
  }
  
.links a {
  color: #fff;
  text-decoration:none;
  font-weight:bold;
  }
  
.links li:hover { /*The color link buttons turn when hovered over*/
  background: #774459;
  }
  
.footer {
  font-size:12px;
  color:white;
  background:#1d1c32;
  padding-top:4px;
  padding-bottom:1px;
  text-align:center;
  }
  
@font-face {
  font-family: myFirstFont;
  src: url(Fonts/nightmare-pills-font/NightmarePills-BV2w.ttf);
}
  
@media(max-width:640px) {
  .main {
    margin-top:15px;
    margin-bottom:15px;}
  }