@charset "UTF-8";
:root {--Vshow: none;}

@media only screen and (min-width:1200px) {
:root {
 --Vshow: block;
}}

details summary::-webkit-details-marker {
  display: none;
  cursor: pointer;
}
details summary {
	list-style: none;   
    cursor: pointer;
    padding-left: 30px;
    text-indent: -40px;   
   }
details summary::before {
  content: "\2630  ";
  color:#0040ff;
 }
details[open] summary::before {
  content: "\2716  ";
  color:#ff0000;
}
summary:focus {
outline: 3px solid #ff00ff;
outline-offset: 5px;
}

.content-1, .content-2 {
  width: 98%;
  max-width: 900px;
  font-size: 95%;
  color: #0000CD;
  padding: 20px;
  margin: 0 0 30px 0;
  border: 1px solid #0000CD;
  border-top: none;
  cursor: pointer;
 }
.flexD{
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content : flex-start;
 align-items : center;
 align-content : flex-start;
 column-gap:30px;   
} 
#flexD-show{
 display: var(--Vshow);
 text-shadow: 2px 1px 2px #000;
 }
#details-2{margin-left: 40px;}