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

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

body {
  background-image: url(images/bg-city.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-color: #440a71;
  /* CHANGE PAGE COLOR HERE */
  margin-left: 20%;
  margin-right: 20%;

  color: #bbff00;
  /* CHANGE TEXT COLOR HERE */
  height: 1000px;

  font-family: myFirstFont;
  src: url(font/Gotham.ttf);
  font-weight: 400;
  font-style: normal;

}



h1 {
font-family: gotham;
font-size: 5em;
color: rgb(115, 114, 114);
  font-weight: 400;
  font-style: normal;
  /* background-image: url(); */
  background-repeat: no-repeat;
  border-bottom:#5930d6 solid 2em;
  border-image: url(images/red-blood-splatter-black-background-ideal-halloween_1048-19440.avif) 50 round;
}

h2 {
font-family: gotham;
color: rgb(165, 165, 165);
  font-weight: 400;
  font-style: normal;
  background-image: url();
  background-repeat: no-repeat;
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(images/fire-burning-scaled.jpg) 50 round;
  
}

h3 {
font-family: gotham;
color: rgb(195, 190, 190);
  font-weight: 400;
  font-style: normal;
  background-image: url();
  background-repeat: no-repeat;
   border-bottom:#5930d6 solid 2em;
  border-image: url(images/fire-burning-scaled.jpg) 50 round;
}



p {
  background-image: url();
  background-repeat: no-repeat;
}

/* LARGE TEXT AT TOP */

.topblock {
  font-family: "Permanent Marker", cursive;
  font-weight: 400;
  font-style: normal;
  background-image: url();
  background-repeat: no-repeat;
}

.intro {
  font-family: "Permanent Marker", cursive;
  font-weight: 400;
  font-style: normal;

}

.caption {
  font-family: "Permanent Marker", cursive;
  font-weight: 400;
  font-style: normal;

}

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


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


header {
  font-family: "Permanent Marker", cursive;
  font-weight: 400;
  font-style: normal;

}

nav {
  /* background-color: #637c09b5; */
  padding: 10px 10px 10px 10px;
  height: 1px;

}

nav a {
font-size: 12px;
  float: center;
  /* more on this later */
  color: #5930d6;
  text-align: center;
  padding: 3px 9px;
  /* margin-right: 10px; */
  text-decoration: none;
}

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

header,
nav,
main,
footer {}

main {
  /*This adds styles to just the main content area. */
  font-family: "Permanent Marker", cursive;
  font-weight: 400;
  font-style: normal;


}

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



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

/*Sets default links style*/
a:link {
  color: #ef2308;
  background-color: #000000;
  border-radius: 10px;
  text-decoration: none;
}

/*Sets default link mouseover style*/
a:hover {
  color: #f00909;
  background-color: #39097d;
}

/*Sets default link down-click style*/
a:active {
  color: rgb(223, 127, 218);
}

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


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

table {
  /* border: 1px blueviolet solid;
    margin-bottom: 1em; */
  border: 25px solid rgb(106, 3, 3);
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 10px;
  background-color: #dac7ee;
  padding: 5px;
  width: 70px;
  height: 70px;
  background-image: url(images/cashburn.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

caption {}

th {}

tr {}

td {

  vertical-align: top;
  padding: 8px;
}