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

body {
    background-color: #f79489;
    background-image: url(./images/texture2.png);
    background-attachment: scroll;
    padding: 30px;
    width: 1200px;
    margin: auto;
}


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

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

/* nav{
    border-style: solid;
    border-color: #39FF14;
    padding: 8px;
    width: 150px;
    background-color:#000;
    color: #39FF14;
    rotate: -3deg;
} */

hr {
    border-color: #39FF14;
    border-width: 1.5px;
}

div strong {
    font-family: sexpistols;
    font-size: 40px;
}

h3 {
    rotate: -4deg;
}

div:nth-of-type(2) {
    border-style:solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: 2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(3) {
    border-style:solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: -2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(4) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: 2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(5) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: -2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(6) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: 2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(7) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: -2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(8) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: 2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(9) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: -2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(10) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: 2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(11) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: -2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(12) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: 2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(13) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: -2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(14) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: 2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(15) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: -2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(16) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: 2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(17) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: -2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(18) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: 2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(19) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: -2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(20) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: 2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(21) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: -2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(22) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: 2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(23) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: -2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div:nth-of-type(24) {
    border-style: solid;
    /* border-color: #39FF14;
    background-color: hsl(111, 100%, 54%, 0.6); */
    border-width: thick;
    padding: 50px;
    margin: 100px;
    rotate: 2deg;
    border-image-source: url(images/safety_pin.png);
    border-image-width: 100px;
    border-image-slice: 30 repeat;
    border-image-outset: 28px;
    background-image: url(images/rough_background3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

h1 {
    text-align: center;
    font-size: 60px;
    margin-bottom: 10px;
    letter-spacing: 3px;
}

h2 { 
    font-family: sexpistols;
    font-size: 60px;
    text-align: center;
    letter-spacing: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

h3 { 
    font-family: "railroad-gothic-atf", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 35px;
    rotate: ;
}

h3 strong {
    font-family: "railroad-gothic-atf", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
}

.articleVI {
    font-family: "p22-typewriter", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    font-weight: bold;
}

p {
    font-family: "p22-typewriter", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
}

/* LARGE TEXT AT TOP */

.topblock {
    font-family: sexpistols;
    font-size: px;
}

.intro {
    font-family: "p22-typewriter", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin: 50px;
}

.caption{
    font-family: "railroad-gothic-atf", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px; 
    text-align: center;
}

.topblock{
    text-align: center;
}

.section{
    border: #000;
}

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


header {
    border-style: solid;
    border-color: #39FF14;
    padding: 8px;
    width: 150px;
    background-color:#39FF14;
    color: #39FF14;
    rotate: -3deg;
}

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

nav {
    font-family: "p22-typewriter", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
}

footer {
    font-family: "railroad-gothic-atf", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    text-align: center;
    color: #39FF14;
    border-style: solid;
    background-color: #000;
    padding: 10px;
    font-size: 18px;
    background-size: contain;
    rotate: 1deg;
}

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

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

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

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

/*Sets default visited link style*/
a:visited { 
    color: #000;
}

nav:nth-of-type(1){
    color: #39FF14;
}

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

table { 
    background-image: url(images/rough_background3.png);
    background-size: cover;
    padding: 50px;
    margin-bottom: 30px;
    margin-top: 30px;
    rotate: -2deg;
}

th {
}

tr {
}

td {
     vertical-align: top;
     padding: 7px;
     font-family: "p22-typewriter", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
}