.content_container{
  width:70%;
  min-height:75vh;
  padding-bottom:20px;
}

.content_container h1, h2, h3, h4, h5, h6{
  color:var(--second-col);
  margin:20px 0 20px 0;
}

.content_container h2{
  text-align: center;
  border-bottom: 1px solid var(--second-col);
  padding-bottom:10px;
  margin-top:50px;
}


.content_container h1{
  color:var(--second-col);
  width:100%;
  text-align: center;
  padding:10px;
  border-bottom: 3px solid var(--second-col);
  
  font-size:2.3rem;
}

.content_container pre{
  font-family: monospace;
  border:3px solid var(--main-col);
  padding:20px;
  display:block;
  line-height: 1.5;
  background-color:rgba(61, 61, 61, 0.171);
  border-radius: 10px;
  color:var(--p-color);
  margin:10px 0 10px 15px;
  width:100%;
  overflow-x:scroll;  
  font-size:var(--def-html-fontsize);
  white-space: pre-wrap;
}


.content_container mark{
  background-color: var(--fourth-col);
  color: var(--p-color);
  padding:2px;
  border-radius: 5px;
  
}

.content_container p{
  /* margin:0 !important; */
  width:fit-content;
}

.content_container hr{
  width:100%;
  box-shadow: none;
  border-bottom: 2px solid var(--second-col);
  color:var(--second-col);
}

.content_container ol, ul {
  font-size: 1.2rem;
  color: var(--p-color);
  margin-top:20px;
  text-align: left;
}

.content_container i, b, u{
  font-size: 1.2rem;
  color: var(--p-color);
  text-align: left;
}

.content_container li{
  margin:10px 0 0 20px;
  color: var(--p-color);

}

.content_container a{
  font-size: 1.2rem;
  color:var(--second-col);
  transition: all ease-in-out 200ms;
}

.content_container a:hover{
  color: var(--third-col);
  text-decoration: underline;
}

.content_container > .img_container{
  width:100%;
  text-align: center;
}

.content_container .bottom-cont{
  width:100%;
  padding-bottom:50px;
  display:flex;
  justify-content: center;
  align-items: center;

}

.content_container .bottom_details{
  margin:0 auto;
  width:fit-content;
  text-align: center;
}

.content_container .download_button{
  padding:20px 30px;
  border: 2px solid var(--second-col);
  border-radius: 5px;
}

.content_container .download_button:hover{
  text-decoration: none;
  border-color: var(--third-col);
  box-shadow: 0 0 12px 2px inset var(--fourth-col);
}

.content_container .download_button:active{
  border-color: var(--third-col);
  box-shadow: 0 0 12px 2px inset var(--fourth-col);
  transform:scale(0.9);
}

.content_container .creation-date{
  margin:0 auto 50px auto;
}

.content_container .creation-date i{
  font-size: 15px !important;
}

.content_container code{
  background-color: var(--p-color);
  color: var(--bg-col);
  padding:2px 7px;
  border-radius: 5px;
  margin-right:2px;
  font-size:var(--def-html-fontsize);
}

.content_container ol{
  margin-left:15px;
}