@charset "utf-8";
/*
   
   Filename: thomasg_capstone.css

   This file design style used by 

*/


/* =============================================
	Base styles used by All Screens
   =============================================
*/


html {
	background-color:antiquewhite;       
}

.mainstyle {
    background-color: black;
    font-family: sans-serif;
    font-size: 24px;
    text-align: justify;
    color: beige;
    padding-top: 2%;
    margin: auto;
}
body > header {
    background-color: black;
    padding-top: 1%;
    padding-bottom: 1%;
    margin: auto;

}

h1 {
    font-family: sans-serif;
    font-size: 4em;
    text-align: center;
    
}	

div > p {
    font-family: sans-serif;
    text-align: center;
    font-variant-caps: all-petite-caps;
    
}


/* Horizontal Navigation Styles */
nav.horizontal{
    height: auto;
    width: 100%
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: black;
    position: relative;
    top: 0;
    width: 100%;
}

li {
  float: left;
    border-right: 1px solid #bbb;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}


/* Navigation Pages Styles */

nav#pages {
	
}

img {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ddd;
    border-radius 50%;
    padding: 5px;
    width: 33.33%;
    border-radius: 50%;
}

h1{
    background-color: gray;
    height:auto;
    text-decoration:underline;

}

body > h2{
    margin-left:auto;
    text-align: center;
    background-color: gray;
}
p {
    text-align: left;
}
/* Body Footer Styles */

body > footer {
    position:fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: black;
    color: white;
    text-align: center;

}

}