#author {

  font-size: 10px;
  font-style: italic;
}

.svg_example_container {


    display: flex;
    justify-content: baseline;
    border: 1px solid black;
    padding: 10px;
    align-items: center;
    flex-wrap: wrap;
    background-color: #ffe8af;


}

.left_content {
width:100%

}

.right_content {
width:100%;


}
.double_content {
display: flex;
flex-wrap: wrap;
}

.right_content {
  margin-left: 0%;
}
.area_4_pieces {

  display: flex;
  flex-wrap: wrap;

}


.bold_higlight {

  font-weight: bold;
}
.bold_higlight_code {
  font-weight: bold;
  font-size: 12px;
  border: 1px solid black;
  background-color: white;

}
.bold_explanation {
    font-style:bold;
    font-size: 30px;
}

.explanation_designs {
  border:1px solid black;
  padding:10px;
  background-color: #ffe8af;
}

.explanation_designs_4pc {
  border:1px solid black;
  padding:10px;
  background-color: #ffe8af;
  width:100%;
  margin-top: 1%;
  margin-left: 0%;
}

.explanation_designs_4pc_nomargin {
  border:1px solid black;
  padding:10px;
  background-color: #ffe8af;
  width:100%;
}

.explanation_designs_2 {
  border:1px solid black;
  padding:10px;
  background-color: #ffe8af;
  width:100%;
  margin-left: 0%;
  margin-top: 1%;

}
.explanation_designs_75 {
  border:1px solid black;
  padding:10px;
  background-color: #ffe8af;
  width:100%;

}
.area_2_pieces {
  display: flex;
  flex-wrap: wrap;

}