/*
selector {
  property: value; 
  }
*/


@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Quintessential&display=swap');


.p{
    font-family: "Newsreader", serif;
    font-size:24pt;
    text-align:center;
    max-width: 800x;
}


body{
    background-color:#d2d6f5 ;
    text-align:center;
}

h1{
    background-color: #d2d6f5;
    text-align:center;
    font-size: 45pt;
    height:10%;
}



ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #a5aad2;
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
 
}


li {
  margin: 0 10pt; /* Add some spacing between items */
}

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



li a:hover {
  background-color: #797fad;
}

img {
    width:40%;
}

.speech {
    font-family: "Quintessential", serif;
    font-size:25pt;
 
}

.text{
    font-family: "Newsreader", serif;
    font-size:19pt;
    text-align:center;
}

.sources {
    font-family: "Newsreader", serif;
    font-size:19pt;
    text-align:center;
}

.cite {
    font-family: "Newsreader", serif;
   border: 6px solid #8a8fba;
  border-radius: 7px;
  font-size:20px;
  background-color:#a5aad2;
  margin-top: 25px;
  margin-bottom: 25px;

}
  

h1{
    background-color:#b6badb;
}

.speech2 {
    font-size:12pt;
}