/* 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." */


/*all site styles*/

body {
  color: #600C46;
  font-family: "courier new","sans-serif";
  padding-top:2%;
  padding-left:3%;
  padding-right:3%;
  margin-left:5%;
  margin-right:5%;
  box-sizing:border-box;
}
nav a{
font-weight:bolder;
text-decoration: none;  
font-size:23px;
border-color:white;
border-style:dashed;
color:indigo;
}

a:hover{
  color:purple;
  text-decoration:underline overline;
  text-decoration-color:indigo;
  font-size:24px;
}

#container{
 width:80%;
 margin-left:auto;
 margin-right:auto;
  
}
/*index styles*/


/*#flexcontainerparent{
 flex-direction:column;
flex-flow:nowrap;
justify-content:center;
}*/



.indexheader{
 background: rgb(192,255,155);
background: linear-gradient(180deg, rgba(192,255,155,0.8689542711615896) 0%, rgba(236,255,239,0.8269374644389006) 36%, rgba(255,255,255,0.43197948124562324) 100%); 
border-color:#ffffff;
  border-style:dotted;
  border-top-left-radius:50px;
  border-top-right-radius:50px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  text-align:center;
  font-weight:bold;
  margin-top:20px;
  height:auto;
}

.indexh1{
  font-family:"papyrus","Courier new","sans-serif";
  color:#600C46;
  font-size:30px;
}

.indexh2{
  color:lightskyblue;
  font-family: "courier new","sans-serif";
  font-size:19px;
}

.indexnav{
 color:indigo;
 background-color:#dab4ff;
 border-style:none;
 text-align:center;
 font-size:19px;
 font-weight:bold;
  border-top-left-radius:50px;
  border-top-right-radius:50px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  
}

.indexnav li{
 list-style:none; 
 display:inline-block;
}

.indexmain{
  background: linear-gradient(180deg, rgba(243,62,255,1) 9%, rgba(4,4,178,0.6336601535145308) 54%, rgba(0,212,255,0.22749768852853647) 100%); 
  border-color:#f33eff;
  border-style:solid;
  border-top-left-radius:50px;
  border-top-right-radius:50px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  text-align:center;
  font-weight:bold;
  margin-top:20px;
  height:auto;
}

.orangejuice{
  background-color:lightyellow;
  color:darkorange;
  text-align:left;
  font-size:19px;
 font-weight:bold;
 width:80%;
 margin-left:auto;
 margin-right:auto;
 padding:.3%;
 }


  

.borderimg{
background-color:lightyellow;
color:darkorange;
text-align:left;
font-size:19px;
font-weight:bold;
width:80%;
height:80px;
margin-left:auto;
margin-right:auto;
    }
    
.you{
    background-color:MediumPurple;
  color:white;
  text-align:left;
  font-size:19px;
 font-weight:bold;
 width:80%;
 margin-left:auto;
 margin-right:auto;
 padding:.3%;
}
 
.me{
 background-color:lightskyblue;
 color:indigo;
 border:3px solid hotpink;
 text-align:left;
 font-size:19px;
 font-weight:bold;
 width:80%;
 margin-left:auto;
 margin-right:auto;
 border-radius:20px;
 padding:.5%;
 }
 
 .favlinks{
  height:100px;
  width:40%;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:10px;
 border-radius:20px;
 padding:.5%;  
 }
 .furbyimg{
      position:absolute;
      right:5%;
      top:50%; 
    }
    
   .hamsterimg{
      position:fixed;
      right:3%;
      bottom:5%; 
    }
    
   .fishimg{
      position:fixed;
      right:7%;
      bottom:5%; 
    }
    
    .fishimg:hover{
    width:3%;
    }
    
       .hamsterimg:hover{
      width:5%;
    }
    
       .furbyimg:hover{
      width:100%;
      
    }
    
footer{
 margin-top:0; 
width:70%;
}







/*blog styles*/

.blogheader{ 
  background: plum;
  border-style:solid;
  border-top-left-radius:50px;
  border-top-right-radius:50px;
  text-align:center;
  font-weight:bold;
  margin-top:20px;
  margin-bottom:0;
  border-bottom:none;
  height:20%;
}

.pink{
border-color:pink;
background-color:hotpink;
border-radius:3px;
padding:.5%;
}

.orange{
border-color:lightpink;
background-color:lightsalmon;
border-radius:3px;
padding:.5%;
}

.yellow{
border-color:lightpink;
background-color:palegoldenrod;
border-radius:3px;
padding:.5%;
}

.green{
border-color:lightpink;
background-color:lightgreen;
border-radius:3px;
padding:.5%;
}

.blue{
border-color:lightpink;
background-color:lightskyblue;
border-radius:3px;
padding:.5%;
}

.purple{
border-color:lightpink;
background-color:plum;
border-radius:3px;
padding:.5%;
}


/*furby hallway*/

 .furbyheader{
   background: rgba(177,89,135,0.49);
  border-color:rgba(104, 0, 54, 0.63);
  border-style:dashed;
  text-align:center;
  font-weight:bold;
  margin-top:20px;
  margin-bottom:0;
  border-bottom:none;
  height:20%;
  color:#000000;
  font-family: Garamond, Serif;
}

.furbyheader h2{
 color:rgb(104, 0, 54) 
}

.furbyheader h1{
font-size:60px;
font-family:"Lucida Handwriting", "brush script mt";
}

.furbynav{
 color:#ffffff;
 background-color:rgba(177,89,135,0.49);
 border-style:dashed;
 border-top:none;
 border-color:rgba(104, 0, 54, 0.63);
 text-align:center;
 font-size:19px;
 font-weight:bold;
 margin-top:0;
 height:20%;
  font-family: Garamond, Serif;

}

.furbylinks {
font-weight:bold;
text-decoration: none;  
color:rgb(104, 0, 54);
 font-size:19px;
border-style:hidden;

}

 .furbylinks:hover{
  color:white;
  text-decoration:underline overline;
  text-decoration-color:white;
  font-size:20px;
}


.furbycontainer{
  width:84%;
  margin-left:auto;
  margin-right:auto;
}

.crysanthimum{
  background-image: url('https://i.ebayimg.com/images/g/2-8AAOSw--tc2rQR/s-l1200.jpg');
  background-size:100%;
  background-repeat:no-repeat;
  border: 20px outset transparent;
  border-image: url(https://solaria.neocities.org/bits/whitelace.png) 16 round;
  background-clip:padding-box;
}
  
.crysanthimum h3{
font-family:"Lucida Handwriting", "brush script mt", "Times new Roman";
color:#47001f;
background: linear-gradient(90deg, rgba(221,160,221, 0) 9%, rgba(221,160,221, 0.451) 54%, rgba(221,160,221, 0) 100%); 
text-align:center;
margin:0;
padding:.5%;
}

.crysanthimum p{
background-color: rgba(255, 255, 255, 0.6);
color:black;
padding:.5%;
margin:0;
font-weight:bold;
}


.ozymandias{
  background-image: url('https://64.media.tumblr.com/4eefe54cb3c3eafca0f9dd7268852a9d/15476e59fb82e027-be/s1280x1920/8df735b47247c8c3242fe093f125422bf1eaefcd.jpg');
  background-size:100%;
  background-repeat:no-repeat;
  border: 20px outset transparent;
  border-image: url(https://solaria.neocities.org/bits/whitelace.png) 16 round;
  background-clip:padding-box;
}
  
.ozymandias h3{
font-family:"Lucida Handwriting", "brush script mt", "Times new Roman";
color:#47001f;
background: linear-gradient(90deg, rgba(221,160,221, 0) 9%, rgba(221,160,221, 0.451) 54%, rgba(221,160,221, 0) 100%); 
text-align:center;
margin:0;
padding:.5%;
}

.ozymandias p{
background-color: rgba(255, 255, 255, 0.6);
color:black;
padding:.5%;
margin:0;
font-weight:bold;
}

.asparagus{
   background-image: url('https://daily.jstor.org/wp-content/uploads/2016/10/Moving_Forest_1050_700.jpg');
   border-radius:20px;
  background-size:100%;
  background-repeat:no-repeat;
  border: 40px solid transparent;
  border-image: url(https://solaria.neocities.org/smallgifs/flowerframe3.png) 170 130 round;
  background-clip:padding-box;
  
}

.asparagus h3{
background: linear-gradient(90deg, rgba(255,254,167,0) 0%, rgba(255,254,167,0.4) 5%, rgba(255,254,167,0.7) 15%, rgba(255,254,167,0.9) 50%, rgba(255,254,167,0.7) 85%, rgba(255,254,167,0.4) 95%, rgba(255,254,167,0) 100%); font-family: 'ADLaM Display',Garamond,'sans-serif';
 font-size:35px;
 padding:5px;
 color:rgba(33, 82, 0, 1);
 text-align:center;
 margin-bottom:0;
}

.asparagus p{
 color:white; 
 background-color:rgba(33, 82, 0, 1);
 margin-top:0;
 margin-bottom:0;
 padding:10px;
}



/*commissions*/

.commissioncolumns{
  box-sizing:border-box;
  width:30%;
  margin:10px;
  float:left;
}