/*
selector {
  property: value; 
  }
*/

/* margins to move the text
-decide and change fonts
-size images and move them
-figure out quotes backing
-make navbar
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

body {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-size: 20px;
}

h1{
  font-family: "Viaoda Libre", serif;
  font-weight: 540;
  font-style: normal;
  margin:45px;
}

h4{
    margin:45px;
}

h2{
    font-size:50px;
    margin-left:50px;
    color:#8E5572;
}
    
.heading1{
    background-image: url("https://www.battlefields.org/sites/default/files/styles/hero_large/public/thumbnails/image/Landscape_14.jpg.webp?itok=KHLnidiS");
    background:size: cover;
    height: 280px;
    padding: 50px;
    font-size: 45px;
}

.heading2{
    background-image: url("https://www.battlefields.org/sites/default/files/styles/hero_large/public/thumbnails/image/Landscape_14.jpg.webp?itok=KHLnidiS");
    background:size: cover;
    height: 280px;
    padding: 45px;
    font-size:40px;
}

.heading3{
    background-image: url("https://www.battlefields.org/sites/default/files/styles/hero_large/public/thumbnails/image/Landscape_14.jpg.webp?itok=KHLnidiS");
    background:size: cover;
    height: 280px;
    padding: 50px;
    font-size:45px;
}

.quotes{
    background-color: #8E5572;
    font-size:16pt;
    padding:12px;
    text-align:center;
    clear:both/right/left;

}

.navbar ul li{
    display:inline-block;
    background-color:#FAE1DF;
    margin:10px;
    padding:15px;
    list-style-type:none;
    text-align:center;
    font-size:28px
}

.navbar{
    text-align:center;
    background-color:#FAE1DF;
}

p{
    margin-left:50px;
    margin-right:50px;
    margin-top:20px;
    padding:40px
}

.homepage {
    padding:40px;
    font-size: 22px
}

.visit{
    padding: 0px;
}

.dorothea img{
    width:25%;
    float:left;
    margin-bottom:50px;
    margin-left:20px;
    padding: 30px
}

.conversation img{
    width:21%;
    float:left;
    margin-left:70px;
    margin-right:50px;
}

.jail img{
    float:right;
    width: 20%;
    margin-right: 50px;
}

.nurses img{
    float:right;
    width:45%;
    margin-right:50px;
    padding: 30px;
}

.bill img{
    float:right;
    width:25%;
    padding: 30px;
    margin-right: 50px;
}

.memorial img{
    float:left;
    width:25%;
    padding:30px;
    margin-left:50px;
}