a:link {
 text-decoration:none;
 color:rgb(240, 229, 76);
}
a:hover{
 text-decoration:underline;
 color:rgb(236, 232, 224);
}
a:visited{
 text-decoration:none;
 color:rgb(240, 229, 76);
}
a:active{
 text-decoration:underline;
 color:rgb(236, 232, 224);
}



.sidebar {
  float:left;
  border-right:solid;
  border-width:1.2px;

}

.header {
 text-align:center;
 font-size:35px;
 margin-bottom:-10px;
}

.mainbar {
 text-align:center;
 border-top:none;
 border-bottom:none;
 border-width:1.2px;
 flex:30%;
 overflow:hidden;
}

.container {
  display: flex;
  height: 500vh;
  }
  
  .right {
  padding: 50px;
  width: 650px;            
  min-width: 650px;        
  max-width: 650px;        
  }

  .left {
  border-right: 1.2px solid rgb(255, 255, 255);
  width: 250px;    
  min-width: 250px;   
  max-width: 250px;   
  }

.mainblog {
 text-align:left;
 border:none;
 border-top:none;
 border-width:1.2px;
 flex:30%;
 padding:5px;
 padding-top:20px;
 overflow:hidden;
 display:none;
 background-color:transparent;
 backdrop-filter:blur(1px);
 
}

.collapsible {
  cursor: pointer;
  padding-top: 5px;
  width: 100%;
  border:none;
  border-width:1.2px;
  text-align:left;
  outline: none;
  font-size: 15px;
  background-color:transparent;
  backdrop-filter:blur(1px);
  color:#F9FEFF;
  
}


.active,.collapsible::after{
  border-bottom:none;
}


.active, .collapsible:hover {
  background-color:transparent;
  
}

.collapsible:after {
  content: '>';
  color: white;
  font-weight: bold;
  float:left;
  margin-right:10px;
}

.active:after {
  content: ">";
  transform:rotate(90deg);
}

.cdactive,.cdcollapsible::after{
  border-bottom:none;
}


.cdactive, .cdcollapsible:hover {
  background-color:transparent;
  
}

.cdcollapsible:after {
  content: '>';
  color: white;
  font-weight: bold;
  float:left;
  margin-left: 5px;
  margin-right:5px;
}

.cdactive:after {
  content: ">";
  transform:rotate(90deg);
}

.cdbar{
margin-left:50px;
margin-right:50px;
float:left;
align-items: flex-start; 
}

.cdblog{
max-width:800px;
margin-left: 20px;
}

.cdcollapsible {
  cursor: pointer;
  border:none;
  font-size: 15px;
  background-color:transparent;
  backdrop-filter:blur(1px);
  color:#F9FEFF;
  text-align: left;
  padding:0;
  display:block;
   margin-left:210px; 
    width:calc(100% - 210px);
}

.cdtxt{
  display:none;
  
}