html{
    background-color: rgb(66, 2, 2);
    font-family: 'Roboto', sans-serif;
}


body{
    background-color: rgb(255, 255, 255);
    width:90%;
    padding:12px;    
    margin-left: auto;
    margin-right:auto;
    box-shadow: 2px 2px 5px;

}

header{
    height:25%;
    margin-top: -4%; 
    margin-left: -.8%;
    margin-right:-.8%;
    
    background-size:cover;
    background-image: url("background1.jpg");
    box-shadow: 2px 2px 10px;

}
header h3{
    font-family: 'Noto Serif', serif;
    text-align:center;
    margin:2%;
    font-size: 56pt;
    padding-top: 10%;
    color:white;
    text-shadow: 1px 1px 2px black;
}

nav{
    background-color: dimgray; 
     margin-top: 12%;
     box-shadow: 2px 2px 10px;
    

}

.navbar{
     display:flex;  
     justify-content: space-evenly; 
     flex-wrap: wrap;
    
        
}
.navbar a{  
    
    padding: 1%;
    color: white;
    text-decoration: none;
    text-align: center;
    

}

.navbar a:hover {
    background-color: rgb(179, 179, 179);
  }

h1, h2{
    font-family: 'Noto Serif', serif;
    text-align:center;
    /* margin:2%; */
}

h1{
    
    font-size: 32pt;
    

}

h2{
    font-size: 24pt;
}

#politician{
    
    display:block;
    float:left;
    margin-left:10%;
    text-align: center;
}
#publicServant{
    
    display:block;
    float:right;
    margin-right:10%;
    text-align: center;
}
#quotes{
    padding:20px;
    clear: both;
}

article{
    margin:8%;
}
p{
    
    margin-left: 14%;
    margin-right: 14%;    
    padding:1%;
    line-height: 16pt;
    font-size: 14pt;
    
}
article{
    margin-top:-1%;
}
article p:first-child::first-letter {
    color: rgb(128, 9, 9);
    float: left;
    font-family: 'Noto Serif', serif;
    font-size: 28pt;
    line-height: 40px;
    
    padding-right: 4px;
    padding-left: 3px;
    
  }
article p + p{
    text-indent: 2%;
}

li {

    padding:1%;
    
}

h2 a{
    color:#903;
}

.nextpage{
    margin-top: -5%;
    margin-bottom:50px;
    padding:8px 8px 8px 16px; 
    display:block;
    float:right;
    background-color: rgb(128, 9, 9);
    color:white;
    font-size: 18pt;
    box-shadow: 2px 2px 10px black;
}

.nextpage a{
    color: white;
    text-decoration: none;
    text-align: center;
    
}

.nextpage a:hover{
    text-decoration: underline;
}

.articleImage{
    display: block;
    float:right; 
    padding: 20px;
    
}

.salaryImage{
    padding:10px;
    display:block;
    float:right;
}

.clear {
    clear:both;
}
 
img{
    max-width:75%;
    max-height:75%;
}