/*css for body. margin 0 to make page "liquid"*/

body{
  text-align: center;
  font-family: Monospace;
  color:aliceblue;
  margin: 0;
  background: #EEAECA;
  background: linear-gradient(156deg, rgba(238, 174, 202, 1) 0%, rgba(255, 177, 10, 1) 100%);
}

/*heading rules*/

h1{
  text-shadow: 7px 6px 8px #9841CE;
  font-size: 40px;
}

h2{
  text-align: left;
}

h3{
  font-size: 20px;
  font-weight:bold;
  font-style:italic;
  border-bottom:1px dashed #BBBBBB;
}

p{
  font-size: 18px;
  text-align:justify;
  text-indent:2em;
}

#centerParagraph {
  text-align: center;
}

.border{
    border-radius: 8px;
    border: 5px solid #555;
}
/* div{
  word-spacing: 0.1px;
  padding:20px;
  margin-top:30px;
}
*/
/*This is for letting me put two images side by side*/

div.mycontainer {
  width:100%;
  overflow:auto;
  text-align:center;
}

div.mycontainer div {
  width:50%;  
  float:left;
}

#header {
background-color:gold;
}

hr{
	border-style:solid;
  height:6px;
  background-color:pink;
}

ul{
  text-align: left;
} 

.PokeBallList{
  font-size: 18px;
  list-style-position:outside;
  list-style-image:url("/Images/pokeballicon.png");
}

/*CSS rules for normal links */

a:link, a:visited {
  text-decoration:none;
  color:gold;
  font-weight:bold;
}

a:hover, a:active {
  text-decoration:none;
  color:#2545e6;
  font-weight:bold;
}

/*CSS rules for the nav bar at the top */

.navbar{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;
}

.navlistitem{
  float: left;
  font-size: 14px;
  border-right: 1px solid #bbb;
}

/* I previously had li a instead of li a:link, li a:visited because these needed to be more specific
for CSS specificity. Blah! */

li a:last-child {
  border-right: none;
}

li a:link, li a:visited {
  display: block;
  text-align: center;
  padding: 14px 16px;
  color:white;
  text-decoration: none;
}

li a:hover {
  background-color: #cafcd1;
  color: #2545e6;
}

#active {
  background-color: #cafcd1;
  color: #2545e6;
}