/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

  
  body
  {
    background-color: #CD8CF3;
    cursor:url(https://woofhaven.neocities.org/cursor1.png), auto;
    font-family: 'Sour Gummy';
  }
  
   a 
        {  
        	cursor:url(https://woofhaven.neocities.org/cursor2.png), auto;
        }
        
        
  a:link
        {
        	color: #4B0082;
        	text-decoration: none;
        }
        
         a:visited
        {
        	color: #633981;
        	text-decoration: none;
        }
        
        
         a:hover
        {
        	color: #FF46FF;
        	text-decoration: underline;
        }
        
        @font-face {
  		font-family: "Sour Gummy";
  		 src: url("https://file.garden/ZR6IuneuqFVzWNV2/sour-gummy-v1-latin-regular.woff2");
        		}
  
  #topbarparent
  {
  	display: inline-flex; 
  	float: left;
    margin-right: 40px;
  }
  
  #middleboxparent
  {
  	display: inline-flex; 
  	float: left;
  	margin: auto;
  }
  
  #titlebox
  {
    position: float;
	  border-radius: 10px;
	  border-style: solid;
	  border-color: #8405BA;
	  width: 300px;
	 height: 50px;
	  background-color: #974BC3;
  	padding: 10px;
	 text-align: center;
    margin-right: 5px;
	  margin-bottom: 5px;
  }
  
  #toprightbox
  {
    position: float;
	  border-radius: 10px;
	  border-style: none;
	  border-color: #8405BA;
	  width: 800px;
	  height: 50px;
	  text-align: right;
    margin-right: 5px;
	  margin-bottom: 5px;
  }
  
  #navbar
  {
    position: float;
	  border-radius: 10px;
	  border-style: solid;
	  border-color: #8405BA;
	  width: 100px;
	  height: 520px;
	  background-color: #974BC3;
  	padding: 10px;
    margin-right: 5px;
  }
  
   #middlebox
	 {
	  position: float;
	  border-radius: 10px;
	  border-style: solid;
	  border-color: #8405BA;
	  width: 1000px;
	  height: 510px;
	  background-color: #974BC3;
	  padding: 10px;
	  text-align: center;
	  align-items: center;
	  margin: auto;
	  margin-bottom: 5px;
	    }
  
  
  #pagedoll 
  {
  position: fixed;
  top: 550px;
  left: 1100px;
}

.navlink{
  background-color: white;
  display: block;
  padding: 5px;
  margin: 8px 5px 8px;
}

#header
{ 
  border-radius: 25px;
  border-style: none;
	background-color: #0DA642;
  align-items: center;
	text-align: center;
	font-size: 20px;
}

#generatebutton
{
  display: inline-block;
  cursor: pointer;
  border-radius: 50px;
  border: 2px solid #BA03C9;
  background-color: #BA03C9;
  padding: 10px 20px;
  text-align: center;
  color: black;