body {
background-image: url(sitebg.png);
background-size: cover;
background-attachment: fixed;
height: 100vh;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}

.protest-revolution-regular {
  font-family: "Protest Revolution", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.flex-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
align-content: flex-start;
gap: 10px;
width: 70%;
height:95vh;
background-color: transparent;
margin: 0 auto;
border-radius: 8px;
padding-bottom: 20px;
box-sizing: border-box;
}

.flex-item:nth-child(1) {
flex: 1 1 100%;
background-color: #1a2b3c;
font-family: "Nanum Brush Script", "Lucida Handwriting", cursive;
font-size: 100px;
min-height: auto;
line-height: 0.8;
color: #b87333;
padding: 2%;
border-radius: 8px;
text-align: center;
display: flex;
align-items: center;
justify-content: left;
gap: 70px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

.flex-item:nth-child(2) {
flex: 0 0 15%;
align-self: stretch;
display: flex;
flex-direction: column;
background-color: #b2d8d8;
font-family: "Trebuchet MS", Calibri, sans-serif;
color: #1a2b3c;
padding: 2%;
border-radius: 8px;
margin-bottom: 10px;
line-height: 0.8;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

.flex-item:nth-child(3) {
flex: 1;
align-self: stretch;
margin-bottom: 10px;
height: calc(95vh - 180px);
background-color: #d1eeee;
font-family: "Trebuchet MS", Calibri, sans-serif;
color: #1a2b3c;
padding: 2%;
border-radius: 8px;
overflow-y: auto;
scrollbar-color: #b2d8d8 #81b1b1;
scrollbar-width: thin;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}


.flex-item:nth-child(3)::-webkit-scrollbar {
  width: 8px;
}

.flex-item:nth-child(3)::-webkit-scrollbar-track {
  background: #b2d8d8;
  border-radius: 8px;
}

.flex-item:nth-child(3)::-webkit-scrollbar-thumb {
  background: #81b1b1;
  border-radius: 8px;
}


a:link { color: #1a2b3c; }
a:visited { color: #364553; }
a:hover { color: #5495ab; }
a:active { color: #52707a; }