#contentarea2{
  width: 100%;
  height: 100%;
  
	box-sizing: border-box;
	padding: 12px;

  display: flex;
  flex-direction: column;
  gap: 10px;

	overflow: auto;
}

h2{
  margin: 0;
  color: #d0d0d0;
}

#titlesec_top{
  width: 100%;
  
  display:flex;
  flex-direction: row;
  justify-content: space-between;
}

#date{
  margin: 0;
  color: #d0d0d0;
}

.text_body{
	margin: 4px 0 4px 0;
	color: #d0d0d0;

	font-size: 18px;
	text-align: justify;
}

.note{
	margin: 5px 0 5px 0;
	color: #d0d0d0;

	font-size: 16px;
	font-style: italic;
	text-align: justify;
}

.codesnippet{
  width: 100%;
  
  box-sizing: border-box;
  margin: 10px 0 10px 0;

  background: #303030;
  
  font-family: monospace;
  resize: none;
  color: #d0d0d0;
}

#circuit_img{
  width: 100%;
  height: auto;
  
  box-sizing: border-box;
  border: 2px solid #d0d0d0;
}

#code1, #code2, #code5, #code6, #code7{
  height: 300px;
}

#code3{
  height: 60px;
}

#code4{
  height: 90px;
}

#code8{
  height: 120px;
}