.cedarville-cursive-regular {
  font-family: "Cedarville Cursive", cursive;
  font-weight: 400;
  font-style: normal;
}


.libre-baskerville-nameplate {
  font-family: "Libre Baskerville", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}


.libre-baskerville-headers {
  font-family: "Libre Baskerville", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: italic;
}

body {
    background-color: rgb(247, 241, 222);
}

.parentDiv{
    display: flex;
    min-height: auto;
}

.sidebar {
    color: white;
    border-radius: 15px;
    padding: 20px;
    background-color: rgb(176, 186, 153);
    width: 220px; /* Matches your original layout intent (100vw - 77vw = 23vw) */
    box-sizing: border-box; /* Keeps padding inside the 23vw width */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
}
.name{
    font-family: "Libre Baskerville", serif;
}
.barButton{
    color: white;
    background-color: rgb(157, 102, 56);
}
.main {
    flex: 1; 
    padding: 20px;
    box-sizing: border-box;
}
.sidebar img {
    border-radius: 15px;
    width: 100%;
    height: auto;
    display: block;
}
.doa {
    font-family: "Libre Baskerville", serif;
    font-size: x-large;
}
.mainHeader{
    font-family: "Libre Baskerville", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: italic;
    color: black;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
}
.mainText{
    font-size: large;
}
.demInfo{
    font-family: "Libre Baskerville", serif;
    font-size: 3vh;

}
.demData{
    font-size: larger;
    
}