/*/ / / CONTAINER FOR THE WHOLE PAGE / / /*/

body {
    background-image:url('images/bottom_moss.png'), url('images/scram_signs.png'), url('images/ribbed_metal.jpeg');
    background-size:100%, 20%, 100%;
    background-attachment:fixed, fixed, fixed;
    background-repeat:no-repeat, no-repeat, repeat-y;
    background-position:bottom center, top center, center;
    margin: 125px;
}

main{
    margin: 30px;
    padding: 1em;
    border-radius: 20px;
}


/*/ / / Headers and Paragraphs / / /*/

/*@font-face {
  font-family: sexpistols;
  src: url(font/sex_pistols.ttf);
}*/

/* font-family: "carrotflower", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "edding-780", sans-serif;
font-weight: 400;
font-style: normal; */

h1 {
  font-family: "interstate-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  color:white;
  background-color:#2e714d;
  border-style: solid;
  border-color: #ebd324;
  border-width: 5px;
  font-size: 3em;
  border-radius: 10px;
}

h2 { 
  font-family: "interstate-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.5em;
  text-align: center;
  color:white;
  background-color:#2e714d;
  border-style: solid;
  border-radius: 10px;

  border-color: #ebd324;
  border-width: 5px;
}

h3 { 
    font-family: "carrotflower", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    color:#c31515;
    padding-left: 10px;
    padding-top: 10px;
}

p {
    font-family: "le-havre-rounded", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
    padding-left: 20px;
    padding-right: 20px;
    color:#2d4739;
}

span{
    font-family: "le-havre-rounded", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.25em;
    color:#2d4739;
}

span strong{
    font-family: "carrotflower", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    padding:.5em;
    color:#c31515;
}

div{
    font-family: "le-havre-rounded", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 125px;
    margin-left: 125px;
    padding: 20px;
}

div:nth-of-type(1) {
  background-image: url(images/stained_paper2.png);
}

div:nth-of-type(2) {
  background-image: url(images/stained_paper1.jpg);
}

div:nth-of-type(3) {
  background-image: url(images/stained_paper3.jpg);
}

div:nth-of-type(4) {
  background-image: url(images/stained_paper5.jpg);
}

div:nth-of-type(5) {
  background-image: url(images/stained_paper6.jpg);
}

div:nth-of-type(6) {
  background-image: url(images/stained_paper1.jpg);
}

div:nth-of-type(7) {
  background-image: url(images/stained_paper4.png);
}

div:nth-of-type(8) {
  background-image: url(images/stained_paper3.jpg);
}

div:nth-of-type(9) {
  background-image: url(images/stained_paper4.png);
}

div:nth-of-type(10) {
  background-image: url(images/stained_paper2.png);
}

div:nth-of-type(11) {
  background-image: url(images/stained_paper5.jpg);
}

div:nth-of-type(12) {
  background-image: url(images/stained_paper4.png);
}

div:nth-of-type(13) {
  background-image: url(images/stained_paper1.jpg);
}

div:nth-of-type(14) {
  background-image: url(images/stained_paper6.jpg);
}

div:nth-of-type(15) {
  background-image: url(images/stained_paper3.jpg);
}

div:nth-of-type(16) {
  background-image: url(images/stained_paper1.jpg);
}

div:nth-of-type(17) {
  background-image: url(images/stained_paper2.png);
}

div:nth-of-type(18) {
  background-image: url(images/stained_paper6.jpg);
}

div:nth-of-type(19) {
  background-image: url(images/stained_paper1.jpg);
}

div:nth-of-type(20) {
  background-image: url(images/stained_paper4.png);
}

div:nth-of-type(21) {
  background-image: url(images/stained_paper5.jpg);
}

div:nth-of-type(22) {
  background-image: url(images/stained_paper1.jpg);
}

div:nth-of-type(23) {
  background-image: url(images/stained_paper6.jpg);
}

div:nth-of-type(24) {
  background-image: url(images/stained_paper3.jpg);
}


/*/ / / TOP NAVIGATION AREA / / /*/

nav {
  /* height: 2em;
  padding-top: 40px;
  padding-right: 50px;
  padding-left: 50px;
  border-radius: 15px; */
  /* two values */
  width: auto;
  /* height: 3em; */
  letter-spacing: 3px;
  font-size: 1.25em;
  font-weight: 800;
}

/* unvisited link */
nav a:link {
  color: #c9f0ff;
  /* background-color:#2d4739; */
  background-image: url(images/dumpster.png);
  background-size: 200px;
  background-position: center;
  background-repeat:no-repeat;
  text-decoration: none;
  padding: 30px;
  border-radius: 7px 17px;
  font-family: "interstate-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* visited link */
nav a:visited {
  color: #bcb382;
  background-color: #c9f0ff;
}

/* mouse over link */
nav a:hover {
  color: #ebd324;
  background-image: url('images/dumpster.png');
  border-radius: 7px 17px;
  padding: 30px;
}

/* selected link */
nav a:active {
  color: rgb(255, 255, 255);
}

/*/ / / PAGE SECTIONS / / /*/

/* header,
nav,
main,
footer {
} */

/* main { */
    /*This adds styles to just the main content area. */


/* footer { */
    /*Specific styles for just the footer. */



/* / / / REGULAR PAGE LINKS / / / */

/*Sets default links style*/
a:link { 
    color:#291638;
}

/*Sets default link mouseover style*/
/* a:hover {} */

/*Sets default link down-click style*/
/* a:active { 
} */

/*Sets default visited link style*/
/* a:visited { 
} */


/*/ / / TABLE STYLES / / /*/

table { 
    /* border: 1px blueviolet solid;
    margin-bottom: 1em; */
    margin-right: auto;
    margin-left: auto;
    padding: 1em;
    border-radius: 20px;
    background-image: url(images/trashcan_bottom.png);
}

caption {
    font-family: "chalky" , sans serif;
    font-weight:400;
    font-style: normal;
    background-color:#2d4739;
}

th {
  background-color: rgba(245, 245, 220, 0.238);
  
}

tr {
   background-color: rgba(245, 245, 220, 0.666);
    font-family: "le-havre-rounded", sans-serif;
    font-weight: 400;
    font-style: normal;
}

td {
    margin: 0 auto;
     vertical-align: top;
     padding: 7px;
}

td h3 a strong {
  color:#291638;
}

tr td a {
  color:#a39ba8;
}