@font-face {
  font-family: "Billo";
  src: url('https://rava3.neocities.org/fonts/BILLO.ttf');
  }
@font-face {
 font-family: "JoganSoft";
 src: url('https://rava3.neocities.org/fonts/JoganSoft-Regular.ttf');
  }



body {
  background-image:url(/backgrounds/backg118.jpg);
  color: #FF00FF;
  font-family:JoganSoft;
}


.Top_Container{
  display: flex;
  border: 3px outset #9400D3;
  height: 100px;
  align-items: center;
  gap:20px;
  background-image:url(/backgrounds/pattern559.gif);
    border-radius: 15px;
  }
  
  .Title{
    text-align: center;
  font-family: Billo;
  font-size: 50px;
    }
    
    #spirals1{
      margin-left: 50px;
      }
  
  nav{
    height:250px;
      width: 130px;
  position: absolute;
  z-index: 1;
  top: 20px;
  left: 10px;
  padding: 15px 0;
  overflow: scroll;
  scrollbar-color: #FF00FF #191970;
  margin: 120px 20px;
  border: 3px outset #9400D3;
  border-radius: 15px;
  background-image:url(/backgrounds/pattern559.gif);
    }

    a{
      margin: 10px 10px;
      padding-top: 20px;
      justify-content: center;
      display: flex;
  
      
      }
  
  .imContainer{
    position: absolute;
    height:130px;
    width:130px;
    margin: 330px 20px;
    background-image:url(images/Shes_WatchIng.png);
    background-size: 100% auto;
    display: flex;
     border: 3px outset #191970;
    border-radius: 15px;
    }
    
    #watchingim{
      max-width: 100%;
      height: auto;
      height: 100%;
      width:100%;
      }
      
  .Main_Container{
      height: 900px;
    width: 1000px;
        margin:20px Auto;
    border: 3px outset #9400D3;
    border-radius: 15px;
    background-image:url(/backgrounds/pattern559.gif);
    }
  .WelcomeMessage{
    text-align: center;
    font-size: 100px;
    font-family:Billo;
    }
    p{
      text-align: center;
      font-size: 20px;
      height: 500px;
      width: 600px;
      padding-left:200px;
      }

a:link{
  color: #ff00ff;
  }
  
  a:visited{
    color: #00ced1;
    }
    #heart1 {
      margin:100px 200px; 
      position: absolute;
      }
      
      #heart2{
        margin: 100px 750px;
        position: absolute;
        }
        
        #skull{
          position: relative;
          top: -200px;
          margin: 0 430px;
        }