@font-face { 
	font-family: "SuperPixel"; 
	src: 
		url("/fonts/SuperPixel.woff") format("woff"); 
	font-weight: normal;
	font-style: normal; 
}

@font-face { 
	font-family: "dogica"; 
	src: 
		url("/fonts/Dogica.woff") format("woff"); 
	font-weight: normal;
	font-style: normal; 
}




body {
  color:white;
  background-image: url(/images/home/star.png);
  background-repeat: repeat;
  background-size: 1200px 1200px;
  font-family: SuperPixel;
  font-size: 15px
  
}

h1 {

  border: solid;
  margin-left: 200px;
   border-radius: 5px;
   padding: 10px;
   width: fit-content;
   background-color: rgb(230, 152, 240);
 text-shadow: 3px 3px rgb(74, 163, 113);
   
}




  
#about {
  float: left; 
  padding: 5px;
  background-color: #db5fb8;
  padding: 10px;
  margin-top: 2px;
  font-size: medium ;
   margin-left: 100px;
   border: solid;
   border-radius: 20px;
   text-shadow: 3px 3px #a53686 
   
  
    
}





#projects {
  float: left; 
  padding: 5px;
  background-color: #db5fb8 ;
  padding: 10px;
  margin-top: 2px;
  font-size: medium;
   margin-left: 5px;
   border: solid;
   border-radius: 20px;
   text-shadow: 3px 3px #a53686 
}

   #projectslink {
    position: relative;
    z-index: 10;


   }
   

#hobbies {
  float: left; 
  padding: 5px;
  background-color: #47c460;
  padding: 10px;
  margin-top: 2px;
  font-size: medium;
  margin-left: 5px;
   border: solid;
   border-radius: 20px;
   text-shadow: 3px 3px #2c9040;
    
}

#blog {
  float: left; 
  padding: 5px;
   background-color: #47c460;
   padding: 10px;
   margin-top: 2px;
   font-size: medium;
    margin-left: 5px;
     border: solid;
     border-radius: 20px;
     text-shadow: 3px 3px #2c9040;
     
}

#bloglink {
position: relative;
    z-index: 10;


}

#guestbook {
  float: left; 
  padding: 5px;
  background-color: #db5fb8;
  padding: 10px;
  margin-top: 2px;
  font-size: medium;
   margin-left: 5px;
   border: solid;
   border-radius: 20px;
   text-shadow: 3px 3px #a53686 
    
}

#guestbooklink {
  position: relative;
    z-index: 10;

}

a:link {
  color: rgb(238, 221, 244);
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: rgb(238, 221, 244);
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: rgb(255, 255, 255);
  text-decoration: underline;


}

a:active {
  color: rgb(0, 255, 51);
  background-color: transparent;
  text-decoration: underline;

}

a {
  width: fit-content;
  display: inline-block;
}


#welcome {

  background-color: rgb(213, 126, 225);
  background-size: 10px ;
  margin-top: 95px;
  margin-left: 100px;
  width: 550px;
  padding: 15px ;
  border: solid;
  border-radius: 20px;
   text-shadow: 3px 3px rgb(163, 89, 173);
  


}

#shuttle {
  height: 1000px;
  width: 900px;
  position: absolute;
  left: 600px;
  top: 50px;
  z-index: 3
}

#about-image {
  height: 110px;
  width: 90px ;
  position:absolute ; 
  left: 1137px ;
  top: 124px;
  z-index: 10;
}

  #about-image:hover {
    transform: scale(1.1);

  }
 





  
  #hobbies-image {

    height: 73px;
  width: 92px ;
  position:absolute ; 
  left: 1137px ;
  top: 250px;
  z-index: 10;

  }

  #hobbies-image:hover {
    transform: scale(1.1);

  }

  #projects-image {

    height:82px;
  width: 90px ;
  position:absolute ; 
  left: 1137px ;
  top: 327px;
  z-index: 10;

    
  }

  #projects-image:hover {
    transform: scale(1.1);
   

  }

  #blog-image {
  height:82px;
  width: 90px ;
  position:absolute ; 
  left: 1137px ;
  top: 424px;
  z-index: 10;
  }

  #blog-image:hover {
    transform: scale(1.1);

  }

   #guestbook-image {
  height:82px;
  width: 90px ;
  position:absolute ; 
  left: 1137px ;
  top: 513px;
  z-index: 10;
  }

 #guestbook-image:hover {
  transform: scale(1.1);
 }

h3.current {

  background-color: #db5fb8;
  background-size: 10px ;
  top: 460px;
  left: 190px;
  width: fit-content;
  padding: 15px ;
  border: solid;
  position: absolute;
  border-radius: 20px;
   text-shadow: 3px 3px #972f7a;
   font-size: 14px;
   letter-spacing:2px;
    z-index: 1;
}

p.current {  background-color: rgb(103, 183, 108);
  background-size: 10px ;
  margin-top:20px;
  margin-left: 98px;
  width: 290px;
  height: 272px;
  padding: 15px ;
  text-align: center;
  border: solid;
  border-radius: 20px;
  font-size: 10px;
   text-shadow: 3px 3px rgb(59, 118, 63);
   font-family: dogica;
   line-height: 20px;
   
   
}


#tulip-me {
height: 1100px;
  width: 1000px ;
  position:absolute ; 
  left: 523px ;
  top: 1px;
  z-index: 2;


}

#menu-scribble {
height: 1100px;
  width: 1000px ;
  position:absolute ; 
  left: 525px ;
  top: 1px;
  z-index: 5;


}



#blog-update {
  background-color: #db5fb8;
  background-size: 10px ;
  top: 830px;
  left: 165px;
  width: fit-content;
  padding: 15px ;
  border: solid;
  position: absolute;
  border-radius: 20px;
   text-shadow: 3px 3px #972f7a;
   font-size: 14px;
   letter-spacing:2px;
   z-index: 1;
}

#blog-thing 
{background-color: rgb(103, 183, 108);
  background-size: 10px ;
  top: 875px;
  margin-left: 165px;
  width: 120px;
  padding: 15px ;
  text-align: center;
  border: solid;
  border-radius: 20px;
  position: absolute;
  font-size: 10px;
   text-shadow: 3px 3px rgb(59, 118, 63);
   font-family: dogica;
   line-height: 20px;}

   #updates {
     background-color: #db5fb8;
  background-size: 10px ;
  top: 830px;
  left: 450px;
  width: fit-content;
  padding: 15px ;
  border: solid;
  position: absolute;
  border-radius: 20px;
   text-shadow: 3px 3px #972f7a;
   font-size: 14px;
   letter-spacing:2px;
   z-index: 1;
   

   }
   
   #update-list {
    background-color: rgb(103, 183, 108);
  background-size: 10px ;
  top: 875px;
  margin-left: 370px;
  width: 300px;
  height: 28px;
  padding: 15px ;
  text-align: center;
  border: solid;
  position: absolute;
  border-radius: 20px;
  font-size: 10px;
   text-shadow: 3px 3px rgb(59, 118, 63);
   font-family: dogica;
   line-height: 20px;
   overflow: auto;
   
   }
  
   #neighbors {
      background-color: #db5fb8;
  background-size: 10px ;
  top: 830px;
  left: 842px;
  width: fit-content;
  padding: 15px ;
  border: solid;
  position: absolute;
  border-radius: 20px;
   text-shadow: 3px 3px #972f7a;
   font-size: 14px;
   letter-spacing:2px;
   z-index: 1;

   }

#neighbor-links {
  background-color: rgb(103, 183, 108);
  background-size: 10px ;
  top: 875px;
  margin-left: 745px;
  width: 300px;
  height: 20px;
  padding: 15px ;
  text-align: center;
  border: solid;
  position: absolute;
  border-radius: 20px;
  font-size: 10px;
   text-shadow: 3px 3px rgb(59, 118, 63);
   font-family: dogica;
   line-height: 20px;
}