@charset "UTF-8";
/* CSS Document used for Homework 1
Author: Ashley Crawford
Course: ITWP 1050
File: homework1.css*/

/* background style */
body{ 
  background-image: url("images/bg.jpg");
  width: 95%;
  max-width: 900px;
  align-items: center;
  margin: auto;
  background-repeat: no-repeat;
  background-size: cover;
  image-resolution:inherit;
}

/* h1 style */
h1 { font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 55px;
    font-variant: small-caps; 
    font-weight: bold; 
    text-align: center;
    color: rgb(0, 0, 0);
    background-color: white;
} 
  
/* h2 style */
h2{
  text-align: center;
  font-size:45px;
  font-style:normal;
  font-variant: small-caps;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  color: #000000d2; 
  background-color: #ffffff;
}

/* h3 style */
h3{
  text-align: center;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 15px;
}

/* p style */
p { font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; 
  font-size: 18px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: normal;
  text-align: center;
  border-color: rgb(3, 1, 0);
  border-width: 2px;
  border-style: solid;
  background-color: rgb(252, 252, 252);
} 

/* image style */
img{
  border: 8px solid #ffffff;
  border-right: 3px solid #000000;
  border-bottom:3px solid #000000;
  margin:auto;
}

/* custom image size */
.customphotosize{
  height:400px;
  width: 350px;
}

/* table margin */
table{
  margin: auto;
}  

/* button style */
.button{
  display: block;
  height: 25px;
  width: 200px;
  background: #62bfe4;
  border: 2px solid #881a5e;
  color: rgb(187, 37, 137);
  text-align: center;
  font: bold 20px "Trebuchet MS", Arial, sans-serif;
  align-items: center;
}

/* custom image size/style*/
.cimg{
  height: 375px;
  width: 450px;
  align-items: center;
  margin: auto;
}

/* custom image size */
.cimgtwo{
  height: 500px;
  width: 375px;
}


/* ul style */
ul{
  background-color: #ffffff;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; 
  font-size: 25px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: normal;
  text-align: center;
}

/* footer style */
footer{
  border-top: 1px solid #000;
  width: 100%;
  text-align:center;
  margin-top: 10px;
}

/* contact me style */
#myinfo{
  background-color: #ffffff;
  color: #000000;
}

/* validation style */
#validation {
  text-align: center;
  }