.container {
  /*border-radius: 25px;*/
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  flex-wrap: wrap;
  /*top: 0;*/
  margin:0 auto;
  height:100%;
  max-width:100%;
  gap: 5px;
  position: relative;
  /*position: fixed;*/
}
@media (max-width: 800px) {
  .left, .right {
    flex: 1 0 100%;
    /*width: 100%;*/
    height:auto;
  }
}
.left, .right{
  margin: 0 auto;
  /*flex:1 0 300px;*/
  box-sizing: border-box;
  width:49%;
  height:100%;
}
.left {
  border-radius:10px;
  left: 0;
  background-color: #5b88b2;/*#737DAB*/
  border-style:dotted;
  /*padding: 0.1%;*/
  overflow: auto;
  text-align: center;
  font-family: "Just Me Again Down Here", cursive;
}
.right {
  border-radius: 10px;
  right:0;
  display: block;
  background-color: rgb(79, 67, 142);
}
.total{
  height:100%;
  width:100%;
  background-color: #000000;
  position:fixed;
}
.total2{
  display:flex;
}


/*LEFT SIDE*/
.c_buttons_{
  background-color: transparent;
  display:block;
  /*inline-box normalmente funciona*/
  width:100%;
  height:auto;
  padding:5px;
  /*border-style: dotted;*/
  text-align: left;
  /*justify-content: space-evenly;*/
  transition-duration: 0.4s;
  cursor: pointer;
  font-family: inherit;
}
.active, .c_buttons_:hover {
  background-color: #5b88b2;
}

.c_panel{
  padding: 0 auto;
  margin-top: 5px;
  background-color: white;
  display: none;
 
}
/*
a:hover {
  color:#A173AB;
  background-color:transparent;
  font-size:larger;
  padding: 10px;
  margin:10px;
}*/

.c_imagetext:hover{
  color:#A173AB;
  background-color:transparent;
}
.c_headerleft{
  display: flexbox;
  border-radius: 5px;
  height: auto;
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
  background-color: #95b2c4;
  font-family: "Just Me Again Down Here", cursive;
  font-size: 30px;
  color:#1e1e1e;
}
.c_about-container {
  background-color: inherit;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  height: 300px;
  margin: 20px auto;
  gap: 20px; /* espacio entre los dos */

}

.c_blog-container{
  background-color: inherit;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  height: 500px;
  margin: 20px auto;
  gap: 20px; /* espacio entre los dos */
}

.c_about_fpens, .c_about_goals{
  border-radius:10px;
  background-color: #95b2c4;
  overflow: auto;
  scrollbar-color: #5b88b2 white;
  display: block;
  width:50%;
  max-width: 300px;
  height: 100%;
  position: inherit;
  padding:5px;
  border-style:dotted;
  margin:auto;
  display: inline-block;
  /*box-sizing: border-box;*/
}

.c_navigation, .c_blog{
  border-radius:10px;
  background-color: #95b2c4;
  overflow: auto;
  border-style:dotted;
  height: 100%;
  font-family: "Just Me Again Down Here", cursive;;
}
.c_navigation{
  width:30%;
  position:relative;
}
.c_blog{
  width:65%;
  scrollbar-color: #5b88b2 white;
}
.c_nav_buttons{
  color:#000000;
  margin: 10px;
  display: block;
}
.c_nav_buttons:hover {
  background-color:transparent;
  color:#000000;
  /*font-size:larger;*/
  padding: 10px;
  margin:5px 0px;
  transition-duration: 0.3s;
}
.c_imagetext{
  height: 100px;
  width:100px;
  display: inline-block;

}
.c_imagehoriz{
  height: 100px;
  width:200px;
  display: inline-block;

}
.c_imagepenmanship{
  height:110px;
}
.c_imagepenmanship:hover{
  transform: scale(10);
  transition: transform .2s;
}

.c_blogtext{
  text-align: left;
  width:auto;
  height:auto;
  padding: 5px;
  margin-left:5px;
  margin-right:5px;
}

.c_hr{ /*sino, aparece en una caja*/
  border-style:none;
}
.c_hr::after{
  content: '─ ─ ─ ─ ─ ... ─ ─ ─ ─ ─';
  /*display:inline;*/
  width: 50%;
  text-align: center;
  border-style: none;
}