/* Casserole Classic
  font-family: "casserole-classic", sans-serif;
  font-weight: 400;
  font-style: normal;
Casserole Flare
  font-family: "casserole-flare", sans-serif;
  font-weight: 400;
  font-style: normal;
Casserole Lombardic
  font-family: "casserole-lombardic", sans-serif;
  font-weight: 400;
  font-style: normal;
Casserole Sans
  font-family: "casserole-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
Casserole Script
  font-family: "casserole-script", sans-serif;
  font-weight: 400;
  font-style: normal; */




main {
background-color: #faefff;
padding: 29px; /* or other padding number */
}

body {
  background-color:#ffade4 ;  /* CHANGE PAGE COLOR HERE */
  margin: 200px;
  color: #420038; /* CHANGE TEXT COLOR HERE */
  font-size: 16px;
  margin-left: 25;
  margin-right: 25;
}



p {
color: #000000;
  line-height:45px ; 
   font-family: "rooney-web", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
}

h1 {
  text-align: left;
  font-family: "casserole-classic", sans-serif;
  font-weight: 400;
  font-style: normal;
  color:#ff009d;
  font-size: 50px;
}

h2 {
  text-align: left;
  font-family: "casserole-classic", sans-serif;
  font-weight:400;
  font-style: normal;
  color:#ff009d;
  font-size: 40px;
}

h3 {
  text-align: left;
  font-family: "casserole-classic", sans-serif;
  font-weight:400;
  font-style: normal;
  color:#ff009d;
  font-size: 30px;
}

ul {
  /*background-color:#ccc;*/
  color: #ff009d;
   font-family: "rooney-web", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
}

ol {
    color: #ff009d;
     font-family: "rooney-web", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  }


nav {
  /* background-color: #000; */
  padding: 50px 12px 8px 12px;
}

#content {
  width: px 1 px; 
  margin-left:1 px;
}

/* ////////// NAV LINKS /////////*/
nav {
height: .5em;
padding: 2em 0;
letter-spacing: 2px;
font-size: .9em ;
font-weight: 800;
font-family: "rooney-web", serif;
  font-weight: 400;
  font-style: normal;
}
/* unvisited link */
nav a:link {
color: #ffffff;
background-color:#7041ef;
border-radius: 5px;
text-decoration:none;
font-family: "rooney-web", serif;
  font-weight: 400;
  font-style: normal;
}
/* visited link */
nav a:visited {
color: #ffffff;
background-color:#7041ef;
border-radius: 6px;
}
/* mouse over link */
nav a:hover {
color: #ffffff;
background-color:#ff61b8;
background-image: url(images/pink_glitter.jpeg);
background-size: 160px;
}

/* selected link */
nav a:active {
color: #8558ff;
}

/* how buttons will look */
nav a {
float: left; /* more on this later */
color: #ffffff;
text-align: center;
padding: 8px 21px;
margin:5px;
margin-right: 10px;
margin-left: 0px;
text-decoration: none;
}

 /* change based on current page */
nav a.active {
 /* PUT "active" AS A CLASS ON THE CURRENT PAGE LINK */ 
 color: #ffffff;
background-color:#16d797;
border-radius: 4px;
} 

ul{
  font-family: "rooney-web", serif;
  font-weight: 400;
  font-style: normal;
}

/* ////////// LINKS ///////* */

/* unvisited link */
a:link {
color: #e40079;
text-decoration:none;
}

/* visited link */
a:visited {
color: #c30068;
}

/* mouse over link */
a:hover {
color: #820a4c;
}

/* selected link */
a:active {
color: #fff;
}