body {
    background-color: #bdbbae;     
    margin: 0px;
    display: flex;
    flex-direction: column;  
}

header {
    background-color: #4e7499;
    color: #bdbbae;
    padding: 10px;    
    text-shadow: 2px 3px 4px #d683ae;
}
header:has(h3) {
    display: flex;
    justify-content: center;
    align-items: center;
}
header a {
    color: #bdbbae;
    text-decoration: none;
    margin: 0px 10px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}
header a:hover {
    text-shadow: 2px 3px 4px #d683ae, 0px 0px 5px #d683ae;
}

content:has(.window) {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

content p {
    padding: 10px;
    font-size: 14px;
}

footer {        
    padding: 10px;    
    text-shadow: 2px 3px 4px #d683ae;
    text-align: center;
}

.window, #newsfeed {
    margin: 5px;
    border: 1px solid black;
    border-radius: 5px; 
    background-color: antiquewhite;
    padding: 10px 10px 20px 5px;
}
.window {
    overflow: scroll;      
    max-height: 250px;    
    width: 200px;
    flex-basis: 30%;
}
.window:has(img) {
    display: flex;
    justify-content: center;
    align-items: center;
}
.window img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

#newsfeed span {
  text-align: center;
  display: block;
  text-shadow: 2px 3px 4px gray;
  font-size: larger;
  text-shadow: #4e7499 2px 3px 4px;
  margin-bottom: 20px;
}
.news_article {
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-radius: 3px;
    margin: 10px;
    box-shadow: 2px 3px 5px gray;
}
.news_article .headline {
    background-color: red;
    border-radius: 3px;
    display: block;
    font-weight: bolder;
    color: wheat;
    text-shadow: honeydew; 
    padding: 5px;
}
.news_article .date {
    text-align: right;
    display: block;
    font-size: 9px;    
    
}
.news_article p {
    font-size: 12px;
    padding: 3px;
}


span:has(.fiona) {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    background-image: url("graphics/fiona_background.png");
    background-repeat: repeat-x;
    margin: 0px;
}

.logbook-date {
  display: block;
  text-decoration: underline; 
  font-weight: bold; 
  font-size: 9px; 
}