.MainBlock {
    background: var(--punbbLightBG);
    border-radius: 20px;
    border: 1px solid var(--LightBorder);
    margin: 0 0 10px 0 !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    font-family: jost;
}
.TitleOne {
    display: flex;
    background: var(--AMC-link);
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid var(--LightBorder);
    font-size: 16px;
    font-weight: 600;
    color: white;
}

.TitleOne p {padding: 0 !important;}
.HelloBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0 20px;
}
.AvaBlock {}
.AvaBlock img {
    margin: 20px 0 0 0 !important;
    border-radius: 100%;
    width: 70px;
    height: auto;
    border: 1px solid var(--LightBorder) !important;
    box-shadow: 0 0 0 1px var(--punbbLightBG), 0 0 0 5px var(--primary-LINK);
}

.Titles {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 20px !important;
}

.TitleTwo {
    font-size: 26px;
    font-weight: 600;
    height: 30px;
}

.TitleThree {}

.TextBlock {
    margin: 10px 20px 20px 20px !important;
    border: 1px solid var(--LightBorder);
    padding: 20px 20px 10px 20px;
    border-radius: 20px;
}

.AchievementTextBlock {
    margin: 20px 20px 20px 20px !important;
    border: 1px solid var(--LightBorder);
    padding: 20px 10px 0px 10px;
    border-radius: 0;
    max-height: 500px;
    overflow: auto;
}




.achievement {
    display: flex;
    height: 40px;
    margin: 0 auto 20px auto !important;
    overflow: hidden;
    background: var(--punbbLightBG);
    padding: 10px;
    border-radius: 50px;
    border: 1px solid var(--LightBorder);
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 490px;
}

.achievement p {
    padding: 0 !important;
    font-size: 12px !important;
}




.achievementIMG {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: absolute;
    top: 0px;
    left: 5px;
}
.achievementIMG img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.achievementTextTop {
    font-family: 'Russo One';
    text-transform: uppercase;
    border-bottom: 1px solid var(--AMC-link);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.achievementTextBottom {
    font-family: 'Open Sans';
    font-size: 12px;
    margin: 2px 0 0 0 !important;
}



#pun-title, #pun-announcement h2, #pun-status .status-right, #pun-break1, #pun-break4, #pun-index th.tcl, #pun-index th.tc2, #pun-index th.tc3, #pun-index th.tcr, .punbb td .modlist, p.lastedit, div#pun-live-rusff, .topic a.sharelink, li.pl-reports, .modmenu .container span, #post-form legend span, #post-form h2, span.stickytext, span.closedatafield, td#button-smile, #viewprofile li#pa-invites, #pun-messages form#messages legend, #pun-messages small#plng, #pun-viewtopic div#pun-main.main.multipage h1:nth-child(1), #pun-profile small#plng, #pun-viewforum h1, #pun-ulinks li.item3, .linksb noindex, #pun-index td.tc2, #pun-index td.tc3, #pun-viewforum .forum tr td.tc2:before, #pun-viewforum .forum tr td.tc3:before, .usertable th.tc2.title, #pun-status span.item1, #pun-status span.item2, span.num_msg:before, .bubble:after, .usertable thead, #pun-index #pun-crumbs1, .post-links li.pl-email.email, td#button-files_rusff, td#button-graffiti_rusff, #pun-searchposts h1, #pun-userlist h1, li#navawards, span.mini_awards_label, .post[data-group-id="3"] .post-author #tuser, .post[data-group-id="3"] .post-author span.post-img-Sp.Spb1, .pa-online, #pun-searchtopics h1, .statcont li.item3, #profilenav li.item9, #pun-profile h1, #pun-search h1, #profilenav h2, #profile-right li#pa-fld1 span, #pun-messages li.pl-email, span.bracket.bracket-right, span.bracket.bracket-left, div#pun-login h1, div#pun-register h1, #pun-online h1
{display: none !important;}


:root {
    --primary-TEXT: #333;
    --primary-LINK: #935935;
    --lightGreyAccent: #949494;
    --darkGreyAccent: #282828;
    --punbbBG: #e8e8e8;
    --punbbTransBG: #e8e8e8;
    --punbbLightBG: #f3f3f3;
    --totalBlack: #000;
    --LightBorder: #d7d7d7;
    --ColorFilter: initial;
    --AMC-link: #a7704e;
    --LogoBorder: #e8e8e8;
   --MainNavigateBG: rgb(243 243 243 / 80%);
}

.blue {
    --primary-LINK: #336e87;
    --ColorFilter: hue-rotate(170deg);
    --AMC-link: #799dad;
}

.violet {
    --primary-LINK: #56476c;
    --ColorFilter: hue-rotate(233deg);
    --AMC-link: #a38dc3;
}

.green {
    --primary-LINK: #467a48;
    --ColorFilter: hue-rotate(70deg) grayscale(0.5);
    --AMC-link: #6a976c;
}

.red {
    --primary-LINK: #913232;
    --ColorFilter: hue-rotate(-31deg);
    --AMC-link: #cd7d7d;
}

.darkmode {
    --primary-TEXT: #adadad;
    --lightGreyAccent: #323232;
    --darkGreyAccent: #282828;
    --punbbBG: #080808;
    --punbbTransBG: rgb(8 8 8 / 69%);
    --punbbLightBG: #181818;
    --totalBlack: #000;
    --LightBorder: #2c2c2c;
    --AvasDark: grayscale(0.5) brightness(0.5);
    --LogoBorder: rgb(37 37 37);
   --MainNavigateBG: rgb(24 24 24 / 72%);
}


.punbb .post-content td {
    border-style: none !important;
    vertical-align: top !important;
}

.FloatLeft {
    float: left;
    margin: 0 10px 0 0 !important;
    padding: 0;
}

.FloatLeft p, .FloatRight p {
    margin: 0 !important;
    padding: 0 !important;
}

.FloatRight {
    float: right;
    margin: 0 0 0 10px !important;
    padding: 0;
}

abbr {
    border-bottom: 1px dotted var(--primary-TEXT);
}
em.bbuline {font-style: normal !important;text-decoration: underline;}

.post-content .highlight-text {
    background-color: var(--primary-LINK) !important;
    color: var(--punbbLightBG) !important;
    border-radius: 6px;
    padding: 0 4px;
}

del {text-decoration: none !IMPORTANT;filter: blur(2px);transition: ease-in-out 0.3s;}
del:hover {text-decoration: none !IMPORTANT;filter: blur(0px);}


.post-content hr {
    filter: none !important;
    border-style: dashed;
    border-width: 1px 0 0 0 !important;
    border-color: var(--primary-LINK);
}

dl.post-sig img {max-height: 100px;}
dl.post-sig {filter: opacity(0.5);transition: ease-in-out 0.3s;}
dl.post-sig:hover {filter: opacity(1);}
dl.post-sig p {
    border-top: 1px solid var(--LightBorder);
    padding: 5px 0 10px 0 !important;
}

.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {color: var(--primary-LINK); transition: ease-in-out 0.3s; text-decoration: none;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {color: #000;}


.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {color: var(--primary-TEXT);}


/* CS4 Post status icons
 -------------------------------------------------------------*/

#pun-index .icon, table tbody tr.isub .icon {
    width: 15px;
    height: calc(100% - 40px);
    position: absolute;
    left: -17px;
    top: 20px;
    border-radius: 10px 0 0 10px;
    border: 1px solid var(--LightBorder);
}

.forum tr .icon, #pun-messages div.icon {
    width: 20px;
    height: calc(100% - 10px);
    float: left;
    border-radius: 0 10px 10px 0;
    position: absolute;
    left: -31px;
    top: 4px;
    border: 1px solid var(--LightBorder);
}

.forum tr .icon.icon-new, #pun-messages div.icon.icon-new, tr.inew.isticky div.icon.icon-new {
    background: var(--primary-LINK) !important;
}

tr.iredirect div.icon {}

div.icon.inew {
    background: var(--primary-LINK) !important;
}

#pun-viewforum tr.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: var(--punbbLightBG);
}

tr.iclosed.isticky Div.icon {
background: var(--primary-LINK) !important;
}


#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: transparent;
}

#pun-main div.catleft, #pun-main div.catright {display: none}