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

html {
    box-sizing: border-box;
}

* {
    box-sizing: inherit;
}

body {
font-family: "aquavit", sans-serif;
font-weight: 400;
font-style: normal;
margin: 4em; 
margin-top: 0em;
/* background-color: #45c4cd;  */
background-image: url(images/factory-andy-warhol-stephen-shore-3099796268.jpeg);
    background-attachment: fixed;
    background-size: 80em;
font-size: 1.2em;
}

main {
    padding: 1.5em;
   
}


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



h1 {
font-family: "hwt-arabesque", sans-serif;
font-weight: 400;
font-style: normal;
color: #de107c;
/* background-color: #ebe60e; */
font-size: 5em;
padding: 1em;
text-align: center;
margin-bottom: 0em;
}

h2 { 
font-family: "hwt-arabesque", sans-serif;
font-weight: 400;
font-style: normal;
color: #277075;
font-size: 3em;
}

h3 { 
font-family: "hwt-arabesque", sans-serif;
font-weight: 400;
font-style: normal;
color: #277075;
font-size: 1.5em;
}

strong{
    font-family: "hwt-arabesque", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.2em;
color: #de107c;
}

p {
font-family: "aquavit", sans-serif;
font-weight: 400;
font-style: normal;
}

/* LARGE TEXT AT TOP */

/* .topblock {
} */

.intro {
    float: left;
    margin:1em 0em;
    padding: .5em;
    background-color: #ebe60ee2;
    border: 1px #de107c solid;
    
}

.caption{
    float: left;
    margin: .5em;
    margin-bottom: 2em;
    padding: .5em;
    background-color: #ebe60ee2;
    border: 1px #de107c solid;
    font-size: .8em;
     a:link{
        color: #9f75f4
    }
    a:hover{
        color:#4ce3ee
    }
}

hr {
    border: .19em solid #de107c;
}

.section:nth-of-type(2){
    height: 47.5em;
    background-color:#2ecb75e2;
    h2{
        color: #de107c;
    }
    h3{
        color: #de107c;
    }
}

.section:nth-of-type(3){
    height: 47.5em;
    background-color:#9f75f4e2;
    h3{
        color: #ebe60e;
    }
}

.section:nth-of-type(4){
    height: 52.8em;
    background-color:#de107ce2;
    h3{
        color: #ebe60e;
    }
    a:hover{
        color:#ebe60e
    }
}

.section:nth-of-type(5){
    background-color:#ebe60ee2;
    h3{
        color: #9f75f4;
    }
     a:link{
        color: #9f75f4
    }
    a:hover{
        color:#4ce3ee
    }
}

.section:nth-of-type(6){
    height: 34em;
    background-color:#2ecb75e2;
    h3{
        color: #de107c;
    }
}

.section:nth-of-type(7){
    height: 43em;
    background-color:#9f75f4e2;
    h3{
        color: #ebe60e;
    }
}

.section:nth-of-type(8){
    height: 43em;
    background-color:#de107ce2;
    h3{
        color: #ebe60e;
    }
}

.section:nth-of-type(9){
    background-color:#ebe60ee2;
     h3{
        color: #9f75f4;
    }
}

.section:nth-of-type(10){
    background-color:#2ecb75e2;
    h3{
        color: #de107c;
    }
    a:link{
        color:#de107c
    }
    a:hover{
        color:#ebe60e
    }
}

.section:nth-of-type(11){
    height: 37.8em;
    background-color:#9f75f4e2;
    h3{
        color: #ebe60e;
    }
}

.section:nth-of-type(12){
    height: 91em;
    background-color:#de107ce2;
    h3{
        color: #ebe60e;
    }
    h2{
        color: #ebe60e;
    }
    a:hover{
        color:#ebe60e
    }
}

.section:nth-of-type(13){
    background-color:#ebe60ee2;
     h3{
        color: #9f75f4;
    }
}

.section:nth-of-type(14){
    background-color:#2ecb75e2;
    h3{
        color: #de107c;
    }
}

.section:nth-of-type(15){
    background-color:#9f75f4e2;
    h3{
        color: #ebe60e;
    }
}

.section:nth-of-type(16){
    height: 24.4em;
    background-color:#de107ce2;
    h3{
        color: #ebe60e;
    }
    h2{
        color: #ebe60e;
    }
}

.section:nth-of-type(17){
    height: 37.8em;
    background-color:#ebe60ee2;
     h3{
        color: #9f75f4;
    }
     a:link{
        color: #9f75f4
    }
    a:hover{
        color:#4ce3ee
    }
}

.section:nth-of-type(18){
    background-color:#2ecb75e2;
    h3{
        color: #de107c;
    }
    
}

.section:nth-of-type(19){
    height: 19em;
    background-color:#9f75f4e2;
    h3{
        color: #ebe60e;
    }
    h2{
        color: #ebe60e;
    }
    
}

.section:nth-of-type(20){
    height: 39.3em;
    background-color:#de107ce2;
    h3{
        color: #ebe60e;
    }
    a:hover{
        color:#ebe60e
    }
    
}

.section:nth-of-type(21){
    background-color:#ebe60ee2;
     h3{
        color: #9f75f4;
    }
}

.section:nth-of-type(22){
    height: 25.41em;
    background-color:#2ecb75e2;
    h3{
        color: #de107c;
    }
    h2{
        color: #de107c;
    }
}

.section:nth-of-type(23){
    height: 34em;
    background-color:#9f75f4e2;
    h3{
        color: #ebe60e;
    }
    h2{
        color:#ebe60e;
    }
}

.section:nth-of-type(24){
    height: 34em;
    background-color:#de107ce2;
    h3{
        color: #ebe60e;
    }
    h2{
        color:#ebe60e;
    }
    a:hover{
        color:#ebe60e
    }
}

.section {
    border: 3px #de107c solid;
    margin-bottom: 1em;
    background-color: #ebe60ee2;
    padding: 1.9em;
    padding-top: .15em;
    width: 33.87em;
    float: left;
}



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


/* header {
} */

nav {
height: .5em;
/* padding: 2em 0; */
letter-spacing: 2px;
font-size: .9em ;
font-weight: 800;
font-family: "aquavit", sans-serif;
font-weight: 400;
font-style: normal;
}

nav a:link {
color: #ebe60e;
background-color:#9f75f4;
border-radius: 5px;
text-decoration:none;
font-family: "rooney-web", serif;
  font-weight: 400;
  font-style: normal;
}

nav a:hover {
color: #ffffff;
background-image: url(../images/pink_glitter.jpeg);
background-size: 160px;
}


nav a {
float: left; 
color: #ffffff;
text-align: center;
padding: 7px 20px;
margin: 1.5em;
margin-top: 0em;
text-decoration: none;
}


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

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

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

footer {
     float: left;
    margin: .5em;
    margin-bottom: 2em;
    padding: .5em;
    background-color: #ebe60ee2;
    border: 1px #de107c solid;
    font-size: .8em;
}



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

/*Sets default links style*/

a:link { 
   color: #4ce3ee;
   text-decoration: none;
}

/*Sets default link mouseover style*/
a:hover {
    color: #de107c;
    text-decoration:underline;
}

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

/*Sets default visited link style*/
a:visited { 
    color:#4ce3ee
}


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

table { 
    border: 6px #9f75f4 solid;
    /* margin-bottom: 1em; */
    position: center;

}

/* caption {
} */

table{
   padding: .3em;
}

tr:nth-of-type(2){
    background-color: #ebe60e;
}

/* th {
 
} */

td{
    padding: .9em;
}

tr {
    background-color: #2ecb75;
}

table tr td a:link{
    color:#de107c; 
}




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

/* HWT Arabesque Regular
font-family: "hwt-arabesque", sans-serif;
font-weight: 400;
font-style: normal; */

 /* Bubblegum Pop Highlight
font-family: "bubblegum-pop-highlight", sans-serif;
font-weight: 400;
font-style: normal;
Bubblegum Pop Shadow
font-family: "bubblegum-pop-shadow", sans-serif;
font-weight: 400;
font-style: normal;
Bubblegum Pop Vanilla
font-family: "bubblegum-pop-vanilla", sans-serif;
font-weight: 400;
font-style: normal; */

/* Allotropic Regular
font-family: "allotropic", sans-serif;
font-weight: 400;
font-style: normal;
Allotropic Bold
font-family: "allotropic", sans-serif;
font-weight: 700;
font-style: normal; */

/* Aquavit Regular
font-family: "aquavit", sans-serif;
font-weight: 400;
font-style: normal;
Aquavit Bold
font-family: "aquavit", sans-serif;
font-weight: 700;
font-style: normal; */