body{
    letter-spacing:1px;
    text-align:justify;
    font-size:14px;
    line-height:20px;
    font-family: 'Mate', serif;
    margin:0 auto;
    overflow: auto;
    background-color: #040008;
    }

    p {
        color: #a39781;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
    }
    
    h1 {
        color: #9de041;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: oblique;
        font-size: 14px;
    }
    
    h2 {
        color: #9de041;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
    
    h3 {
        color: #9de041;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: italic;
    }
    
    b {
        color: #a280b4;
    }
    
    hr {
        border-color: #83279f;
        border-style: dashed;
    }
    
    i {
        color: #d8c9b3;
    }
    
    a:visited { 
        color : #9de041; 
        text-decoration : none;
        } 
        
        
        a:link { 
        color : #9de041; 
        text-decoration : underline; 
        } 
        
        
        a:hover { 
        color : #e65bf8; 
        text-decoration : underline; 
        } 
        
        
        a:active { 
        color : #9de041; 
        text-decoration : underline; 
        } 
    

    
    #linkbox2 a{
    margin-bottom:4px;
    display:block;
    padding:2px;
    background-color: #0d0c0e;
    }

    
    .post{
    width:572px;
    height: 600px;
    font-size: 14px;
    padding:10px;
    margin-bottom:60px;
    border-color:#83279f;
    border: #83279f solid 2px;
    background-color: #0d0c0e;
    color: #a39781;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    }

    .insert{
        width:572px;
        height: 200px;
        font-size: 14px;
        padding:10px;
        margin-bottom:60px;
        /*border-color:#83279f;
        border: #83279f solid 2px;*/
        background-color: #0d0c0e;
        color: #a39781;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        }

    .space {
        width:572px;
        font-size: 14px;
        padding:10px;
        margin-bottom:60px;
        color: #a39781;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        }
    
    #linkbox2 {
    width:196px;
    float:left;
    position:fixed;
    left:26px;
    top:32px;
    padding:16px;
    color: #a39781;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    }
    
    #linkbox{
    padding:11px;
    border-color:#83279f;
    border: #83279f solid 2px;
    color: #a39781;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #0d0c0e;
    }
    
    #container {
        font-size: 14px;
    position:relative;
    width:642px;
    margin-left:296px;
    top:26px;
    }

    details {
        color: #a39781;
    }

    details p {
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        color: #a39781;
    }

    summary {
        font-style:italic;
        font-size: 16px;
        color: #a39781;
    }

    br {
        display: block;
        margin: 5px 0;
    }

    #quote {
        font-style: italic;
        background-color: #8d8063;
        color: #13110f;
        padding: 2px;
        margin: -10px;
    }
    
    #icon img {
        border: 1px solid #83279f;
        width: 75px;
    }

       /* ===== Scrollbar CSS ===== */
     /* Firefox */
     * {
        scrollbar-width: auto;
        scrollbar-color: #83279f #a39781;
      }
    
      /* Chrome, Edge, and Safari */
      *::-webkit-scrollbar {
        width: 5px;
      }
    
      *::-webkit-scrollbar-track {
        background: #83279f;
      }
    
      *::-webkit-scrollbar-thumb {
        background-color: #83279f;
        border-radius: 9px;
        border: 3px none #a39781;
      }
    
      iframe {
        border: none;
        width: 95%;
        height: 600px;
        overflow-y: hidden;
    }

    @media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}