.BodyBlock {
 display: flex;
 flex-direction: column;
}

.ContentBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 23px;
    align-items: center;
    font-family: 'Georgia';
    font-size: 19px;
}

.TopBlock {
 display: flex;
 flex-direction: column;
 top: 0;
 position: sticky;
 background-color: rgba(172, 219, 86, 0.93);
}

.OriginIntro {
    display: flex;
    /* background-color: #C80; */
    /* flex-wrap: wrap; */
    /* flex-direction: column; */
    /* padding-bottom: 23px; */
    /* margin-bottom: 23px; */
}

.ChlgIntro {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
}

.RSTXpln{
 display: flex;
 flex-direction: row;
 align-items: center;
 background-color: #CCC;
}

.RSTBtn{
 padding-left: 10px;
}

.CHLXpln{
    background-color: #CCC;
    display: flex;
    /* justify-content: center; */
    /* align-content: center; */
    align-items: center;
    flex: 1;
    flex-basis: 40%;
}

.HintXpln{
    background-color: #BBB;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    flex-basis: 40%;
}

.ReferPatrn{
 width: 200px;
 background-color: #CCC;
 /* border-color: #555; */
 border-width: 3;
 display: flex;
 flex-direction: column;
 flex: 1;
 flex-basis: 40%;
}

.RPTit,.RFPtn{
    display: flex;
    justify-content: center;
}

.RdBxBlk{
    display: flex;
    flex-direction: column;
}

.RdBx{
    display: flex;
    flex-direction: row;
}

.RdBtn{
    /* this does not seem to work .... */
    display: flex;
    padding-left: 30px;
}

.BckLnk{
    display: flex;
    padding-top: 30px;
}
/* .doneMark {
    font-family: 'Georgia';
    font-size: 150px;
} */

.ToolBlock {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#TechXplain,#TechXplainV {
  color: rgb(155, 55, 95);
  /* width: 30%; */
  padding-left: 2%;
  font-family: 'Georgia';
  /* font-size: 19px; */
}

#TechXplain {
	width: 99%;
  font-size: 19px;
}

#TechXplainV {
	width: 90%;
  font-size: 0;
}

svg {
    font-family: 'Verdana';
    font-size: 100px;
    color: rgb(7, 208, 168);
    stroke: #0fc;
    stroke-width: 4px;
    fill: #0b88;
    /* padding-top: 11%; */
}

.CtrlBlk {
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 575px) {
  .TopBlock {
    position: relative;
  }

  .ToolBlock {
    flex-direction: column;
	}

	#TechXplain {
		/* display: none; */
		font-size: 0;
	}
	#TechXplainV {
		/* display: block; */
		font-size: 19px;
	}
}