@font-face {
    font-family: 'bb';
    src: url('https://boginka.neocities.org/bb') format('ttf');
    font-weight: normal;
    font-style: normal;

}

/*INDEX.HTML*/
  body {
    background-color: black;
    color: white;
    font-family: 'bb';
  }
  
  .mainbox{
    position: absolute;
    border-style: double;
    border-color: white;
    top: 3%;
    left: 22%;
    width: 60%;
    background-color: #2b212f;
    max-height: 90%;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: 'bb';
  }
  
  .header{
    text-align: center;
    border-style: solid;
    border-color: white;
    margin: 5px;
    background-color: black;
    font-family: 'bb';
    height: 150px;
  }
  
  .header-title{
    display: flex;
    align-items: center; 
    justify-content: center;
  }
  
  .header ul {
    list-style-type: none;
  }
  
  .header li {
    display: inline-block;
    width: 15%;
    border-left-color: white;
    border-left-style: solid;
    border-right-color: white;
    border-right-style: solid;
  }
  
  .bottom-full{
    display: flex;
    text-align: center;
  }
  
  .link-box{
    border-style: solid;
    border-color: white;
    border-width: 1px;
    margin: 5px;
    overflow: scroll;
  }
  
  .bottom-left{
    border-style: solid;
    border-color: white;
    padding: 10px;
    background-color: black;
    flex: auto;
    width:22%;
  }
  
  .bottom-middle{
    border-style: solid;
    border-color: white;
    padding: 15px;
    background-color: black;
    text-align: left;
    flex: auto;
    align-items: center; 
    justify-content: center;
  }
  
  .bottom-right{
    border-style: solid;
    border-color: white;
    padding: 10px;
    background-color: black;
    flex: auto;
  }
  
.footer{
    display: flex;
    align-items: center; 
    justify-content: center;
    border-style: solid;
    border-color: white;
    background-color: black;
    height: 75px;
  }

/*INDEX.HTML END*/

/*GENERAL*/

  h3, h4{
    background-color: #8a6996;
    padding: 10px 7px 10px 7px;
  }
  
  a {
    text-decoration: none;
    color: white;
    text-align: center;
  }
  
  a:hover {
    color: #8a6996;
  }
  
  /*scroll wheel*/
  ::-webkit-scrollbar {
    width: 10px;
  }
  
  ::-webkit-scrollbar-track {
    background: black;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #8a6996;
      border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #6a4378;
  }
/*GENERAL END*/

/*BLOGS*/
  .share{
    width: 30%;
    border-style: solid;
    border-color: white;
    margin: 5px;
    background-color: black;
    text-align: center;
  }
  
  .blog-section{
    display: flex;
    overflow-x: hidden;
  }
  
  .blogs{
    width: 70%;
    border-style: solid;
    border-color: white;
    margin: 5px;
    background-color: black;
    padding: 10px; 
    max-height: 520px;
    overflow-y: auto;
  }
  
  .blog-dec{
    text-align: center;
    border-style: solid;
    border-color: white;
    margin: 5px;
    background-color: black;
    padding: 10px;
    max-height: 520px;
    overflow: hidden;
  }
  
  .article{
    border-style: solid;
    border-color: white;
    margin: 5px;
    background-color: black;
    padding: 10px; 
    max-height: 520px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  
  .row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
  }
  
  /* Create four equal columns that sits next to each other */
  .column {
    -ms-flex: 32%; /* IE10 */
    flex: 32%;
    max-width: 32%;
    padding: 0 4px;
  }
  
  .column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
  }
}