@charset "UTF-8";
/*  
Author: David wysocki
Course: ITWP 1050
File: style.css
Hello, This CSS is for the CSS_project2.html.
*/

/*The font face family that i choose itll help make the website pop */
@font-face {
    font-family: 'Title Font';
    src: url('fonts/firasans-book-webfont.woff2') format('woff2'),
         url('fonts/firasans-book-webfont.woff') format('woff'),
         url('fonts/FiraSans-Book.otf') format('otf'),
         url('fonts/SourceSansPro-BlackIt.otf') format('otf');
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    
    

}

body {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 90% !important;
    background-color: rgba(102,204,255,1);
}

p{
text-indent: 1em;
line-height: 16px;
}
h1{
   font-size: 3em;
   font-family: 'title font',Arial, Helvetica, sans-serif; 
   border-bottom: solid 1px;
   border-color: rgba(0,0,0,1);
   text-shadow: 1px 1px 2px rgba(255,255,255);
   
}

h2{
  background-image:url(mountain_bkgd.jpg);
  background-repeat: no-repeat;
  background-color:rgba(240, 240, 240);
  padding: 10px;
  border:2px solid;
  border-color: rgba(0, 0, 0);
  font-variant: small-caps;

}

h3, h4{
    font-variant: normal;
}

h5{
    font: italic;
    color: rgba(51,102,153,1);
}

img{
    float: right;
    margin: 10px;
    border-left: 1px solid rgba(0,0,0,1);
    border-top: 1px solid rgba(0,0,0,1);
    border-bottom: 2px solid rgba(0,0,0,1);
    border-right: 2px solid rgba(0,0,0,1);
}

.stateflag{
    float: left;
    border-style:dotted;
    border-color: rgba(0,0,0,1);
    border: 1px;
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 40px;
    margin-left: 0px;
}

.logos{
    border: none;
}

a { 
    text-decoration: underline;
    color: rgba(0, 0, 0, 1);
}

a:link { 
    text-decoration: underline;
    color:rgba(0, 0, 0, 1);
    font-weight: bold;
}

a:visited{ 
    text-decoration: underline;
    color: rgba(51, 102, 153, 1);
    font-weight: bold;
}

a:hover { 
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    font-weight: bold;
}

a:active {
    text-decoration: underline;
    color: rgba(255, 255, 255, 1);
    font-weight: bold;
}

.copyright{
font-size: 9px;
font-style: italic;
text-align: center;
}

blockquote{
    background-color: rgba(255,255,255,1);
    
}

blockquote p{
    color: rgba(51,102,153,1);
    background-color: rgba(255,255,255,1);
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
}
hr{
 border: solid 1px;
 border-color: rgba(0,0,0,1);   
}