/* Juniper keeps sending me harry potter y/n tiktoks so ive removed the notes until further notice, to clarify i am not against y/n fanfics i just really hate these specific ones */

/* original background color was #cc99ff */
 
body {
  color: black;
 font-family:  "Comic Sans MS", "Comic Sans";
   background-color: #ff33cc;
  }

 a{
        color: #6600cc ;
        text-decoration: none;
    }
    /* #ff69bb */
     a:hover{
        color: #ffccff;
        text-decoration: underline; 
    }
    

    hr {
      border-top: #ffcce6 solid;
    }
    
    

/*this is used on the art page*/
.nav1 { 
background-color: white;
border-color: #ffcce6;
border-style: solid;
border-width: 10px; 
max-width: 1200px;
margin: auto; 
text-align: center;
padding-top: 5px;
}

/* for the home page and the goatlings shrine and future pages of the jucie*/
/* box that holds everything */
.outsidebox {
 margin-left:0;
 width: 800px;
 height: 1170px;
 padding: 10px;
 border: dashed #660033 5px; 
}
/*this is like the main blocks that are to the left on the homepage. */
.rightbox {
text-align: center;
 float: right;
 padding: 5px;
 width: 580px;
}

/* original height 315 px */
/* to the right actually, i mustve flipped these at some point and never corrected the names, im not fixing it now this is the box that holds everything that is to the right */
.leftoutside {
text-align: center;
float: left;
 margin-top: 5px;
padding: 8px;
width: 170px; 
height: 1120px;
border: dashed #660033 5px; 
}
/*left inside isnt actually on the lefthand side, but im not changing the names ^3^ its the stuff thats inside left outside */
.leftinside {
text-align: center; 
width: 160px; 
margin-top: 5px;
padding: 2px;
}

.article {
  width: 700px;
  background: #ffe6f2;
  border: solid #ffb3d9;
  margin: auto;
  margin-top: 10px;
  padding: 3px;
}

.button {
width:150px;
height:20px;
border: outset 3px #ff3399;
border-radius: 5px;
 background: rgb(255,102,179);
background: linear-gradient(180deg, rgba(255,102,179,1) 0%, rgba(255,128,191,1) 32%, rgba(255,153,204,1) 50%, rgba(255,179,217,1) 100%);  
padding-top:0px;
}

.button:active {
border: inset 3px #ff3399;
border-radius: 5px;
 background: rgb(255,102,179);
background: linear-gradient(0deg, rgba(255,102,179,1) 0%, rgba(255,128,191,1) 32%, rgba(255,153,204,1) 50%, rgba(255,179,217,1) 100%); 
}

a.navb {
color:#e60073;
font-size: 15px;
position: relative;
font-weight:bold;

}
a.navb:hover{
Text-decoration:none;
}
a.navb :active{
color:#ffb3d9;
text-decoration:none;

}

.footer {
 color: #b30059;
 text-align: center;
 font-size: 14px;
font-weight: bold;
 margin-left:0;
 width: 820px;
 height: 40px;
padding-top:10px;
 border: dashed #660033 5px; 
}

::-moz-selection { /* Code for Firefox */
  color: mintcream;
  background: lightgreen;
}

::selection {
  color: mintcream;
  background: lightgreen;
}