body {
  color: #222;
  font-family: 'Courier New', monospace;
  line-height: 1.5;
  margin: 1rem auto;
  /* max-width: 768px; */
  max-width: 768px;

}

header {
  border-bottom: 1px solid #222;
  margin-bottom: 1rem;
}

footer {
  border-top: 1px solid #222;
  margin-top: 1rem;
}

a {
  color: #00e;
  text-decoration: none;
}

.list-item {
  list-style: none;
  border: 1px solid black;
  border-radius: 10px;
  margin: 10px;
  padding: 0 5px;
}

#map { 
  margin: auto;
  border: 1px solid black;
  border-radius: 15px;
  height: 400px; 
  width: 95%;
}

#boxed {
    margin: auto;
    border: 1px solid black;
    border-radius: 15px;
    width: 95%;
    /* text-align: center; */
    padding: 1%;
}

#boxeddetails{
    margin: auto;
    border: 1px solid black;
    border-radius: 15px;
    width: 95%;
    padding: 1%;   
}
#boxeddetails summary{
    margin: auto;
    margin: 1px;
    width: 95%;
}

#boxed img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
}
#boxed figcaption {
    margin-top: 5px;
    font-style: italic;
}

details {
  user-select: none;
}

summary {
  display: flex;
  cursor: pointer;
  font-size: 25px;
  margin: 0px;   
  color: blue; 
}

summary::-webkit-details-marker {
  display: none;
}


/* stuff for callouts and blockquotes  */

.alert.alert-easy-lang {
  background-color: rgb(185, 249, 185);
}

.alert.alert-info {
  background-color: rgb(212, 223, 249);
}

.alert.alert-summary {
  background-color: rgb(255, 223, 168);
}

.alert-heading {
  font-weight: bold;
}