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

body {
  background: 
  url("images/bricks.png") center 53.7% repeat-x,
  url("images/cloud.png") 10% 8.9% no-repeat,
  url("images/cloud.png") 9.5% 13% no-repeat,
  url("images/cloud.png") 12% 16% no-repeat,
  url("images/cloud.png") 16% 50% no-repeat,
  url("images/cloud.png") 7.8% 45% no-repeat,
  url("images/cloud.png") 8% 38% no-repeat,
  url("images/cloud.png") 12.8% 27% no-repeat,
  url("images/cloud.png") 11% 30% no-repeat,
  url("images/cloud.png") 14% 40% no-repeat,
  url("images/cloud.png") 6% 22% no-repeat,
  url("images/cloud.png") 10% 31% no-repeat,
  url("images/cloud.png") 13% 6% no-repeat,
  url("images/cloud.png") 90% 13% no-repeat,
  url("images/cloud.png") 90.5% 8.9% no-repeat,
  url("images/cloud.png") 88% 27% no-repeat,
  url("images/cloud.png") 84% 16% no-repeat,
  url("images/cloud.png") 92.2% 45% no-repeat,
  url("images/cloud.png") 92% 6% no-repeat,
  url("images/cloud.png") 87.2% 50% no-repeat,
  url("images/cloud.png") 89% 38% no-repeat,
  url("images/cloud.png") 86% 31% no-repeat,
  url("images/cloud.png") 94% 22% no-repeat,
  url("images/cloud.png") 90% 40% no-repeat,
  url("images/cloud.png") 87% 30% no-repeat,
  url("images/cloud.png") 84% 34% no-repeat,
  url("images/cloud.png") 5% 36% no-repeat,
  url("images/tiles1.png") 5% 75% no-repeat,
  url("images/tiles1.png") 88.3% 60% no-repeat,
  url("images/tiles1.png") 90% 88% no-repeat,
  url("images/pipe_right.png") 6% 86% no-repeat,
  url("images/pipe_left.png") 93% 70% no-repeat,
  url("images/bricksow.png") 7% 11% no-repeat,
  url("images/bricksow.png") 89% 28% no-repeat,
  url("images/bricksow.png") 8% 42% no-repeat,
  url("images/goombaleft.png") 90% 36% no-repeat,
  url("images/goombaright.png") 9% 19% no-repeat,
  url("images/flykoopa1.png") 9% 33% no-repeat,
  url("images/flykoopa2.png") 7% 24% no-repeat,
  url("images/bbleft.png") 9% 63% no-repeat,
  url("images/flykoopa1.png") 91% 82% no-repeat,

  linear-gradient(to bottom, #5c94fc 53.7%, #000000 50%);
  margin: 200px auto;
  width: 900px;
  
}



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

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

/* COLOR SCHEMES
Sky Blue #5c94fc 
Brick Brown #c84c0c
Question Yellow #fb9839
Mario Red #d82800
Mario Maroon #7c0700
*/

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

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

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



h1 {
  font-family: alagard;
  color: #ffff;
  letter-spacing:1.2px;
  text-align: center;
  padding-top: .2px;
  font-size: 2.8em;
}

h2 { 
  font-family: smb2;
  color: #ffff;
}

h3 {  
  font-family: smb2;
  font-size: .7em;
color: #ffff;
}



p {

background-color: #9c4a00;
color: #ffffff;
border-color: black;
border-style: solid;
padding: 1em 1em 1em 1em;
font-size: 1em;
text-align: center;
border: 10px solid;
border-image: url(images/borderimage.png) 30% round;
box-shadow: 3px 3px black;

}

.section--article2 {
  margin-top: 12em; 
}

.section--article2,
.section--article2 ~ .section {
  background-color: transparent; 

}

.section--article2 p,
.section--article2 ~ .section p {
  background-color: #183c5c;
  color: #ffffff;          
  border-color: #000000;
  border: 10px solid;
  border-image: url(images/borderimageug.png) 30% round;
}

.section--article2 a:link,
.section--article2 ~ .section a:link {
  color: #9fcfc0;           
} 

.section--article2 a:hover,
.section--article2 ~ .section a:hover {
  color: #008088;         
} 


.section--article2 h2,
.section--article2 h3,
.section--article2 ~ .section h2,
.section--article2 ~ .section h3 {
  color: #ffffff;
}

/* LARGE TEXT AT TOP */

.topblock {
text-align: center;
font-size: 1em;
letter-spacing:.8px;
background-color: #9c4a00;
color: #ffffff;
border-color: black;
border-style: solid;
padding: 1em 1em 1em 1em;
text-align: center;
border: 10px solid;
border-image: url(images/borderimage.png) 30% round;
box-shadow: 3px 3px black;
}

.intro {
      font-family: determination;
      color:white;
      font-size: 16px;
}

.caption {
      font-family: determination;
      font-size: 16px;
      color: #ffffff;

 
}

.section {
      font-family: determination;
      

    /* border: 1px red solid;
    margin-bottom: 1em; */
}



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


header {
}

nav {
}

nav a {
}

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

header,
nav,
main,
footer {
    font-family: determination;
}

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

footer {
    /*Specific styles for just the footer. */
    color:white;
    text-align:center;
}



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

/*Sets default links style*/
a:link { 
    text-decoration: none;
    color:#fb9839
}

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

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

/*Sets default visited link style*/
a:visited { 
    color:#9b510c
}

table a:link {
  color: #9fcfc0; /* pick your new color */
}

table a:hover {
  color: #008088; /* hover color */
}

table a:visited {
  color: #004b50; /* optional visited color */
}

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

table { 
    /* border: 1px blueviolet solid;
    margin-bottom: 1em; */
    text-align:center;
}

caption {
  
}

th {

}

tr {

}

td {
    /* border: 1px red solid;
     */
     vertical-align: top;
     padding: 7px;
}