/*Font Palette*/
@font-face {
    font-family: sport;
    src: url(fonts/sporting_grotesque_gras.otf);
}

@font-face {
    font-family: ssnxtralight;
    src: url(fonts/SeanSans-NormalExtralight.otf);
}

@font-face {
    font-family: ssnthin;
    src: url(fonts/SeanSans-NormalThin.otf);
}





/*Background Colors*/
body {
    background-image: url(images/stone_tile_500x347.jpg);
}





/*Positioning*/

#header {
    margin: auto;
}

#image {
    margin: auto;
}

#description {
    margin: auto;
}

#apply {
    margin: auto;
}

#apply p {
    margin-left: 1em;
}



/*Applying Fonts and Text Colors*/
h1 {
    font-family: sport;
    font-weight: 700;
    font-size: 250%;
    font-style: normal;    
    color: #EEEEEE; 
}

h2 {
    font-family: sport;
    font-size: 150%;
    color: #EEEEEE;

}

h3 {
    font-family: ssnxtralight;
    color: #EEEEEE;
}

h4 {
    font-family: ssnxtralight;
    color: #191933;
    text-decoration: underline;
}

p, li {
    font-family: ssnthin;
}

.listhead {
    font-weight: bold;
    color: #191933;
}

.listitem {
    font-style: italic;
    color: black;
}

#date, #number {
    font-family: ssnthin;
    color: white;
    background-color: grey;
}

#submit {
    font-family: ssnxtralight;
    font-weight: bold;
    color: white;
    background-color: grey;
   
}

/*Borders*/

#header {
    background-color: rgb(0, 0, 0, 1);
    padding: .5em 20em 1em 20em;
    text-align: center;
    width: fit-content;
    height: fit-content;
    /*might want to add a custom border for h1*/
}

#image {
   background-color: rgba(25, 25, 51, 1); 
   width: 900px;
   height: fit-content;
   text-align: center;
   padding: .5em 1em .5em 1em;

   box-shadow: inset 15px 8px black;
}

 #description {
   background-color: rgba(144, 126, 233, .85); 
   width: 750px;
   height: fit-content;
   padding-left: 1em;
   padding: .5em 1em .5em 1em;

   box-shadow: 20px 15px 10px black;
 }

 #apply {
    background-color: rgba(238, 238, 238, .85);
    width: 750px;
    height: fit-content;
    padding: .5em 1em .5em 1em;

    box-shadow: 20px 15px 10px black;
 }