��

mybb@mybb.ru (shady admin) — Sun, 11 Feb 2024 16:17:29 +0300
��
��:
/* ����
-------------------------------------------------------------*/
#pun {
    position: relative;
    width: 1000px;
    margin: 280px auto 160px auto;
    border-radius: 10px;
    background-color: var(--forcol);
}

/* ���������� �������� ������ ����
-------------------------------------------------------------*/
.punbb {
    height: auto;
    width: 960px;
    padding: 25px 15px 40px;
    box-sizing: border-box;
    margin: 0px auto 0px auto;
}

.multipage {  margin-top: 90px!important; }
 #pun-main {    margin-top: 60px!important;}

.adminmain {
    padding-left: 155px;
    margin-bottom: 6px;
    margin-top: 50px;
}

/* ������ ���
-------------------------------------------------------------*/
body {
    background: url(https://i.imgur.com/pgwnrdf.png) repeat-x fixed top center;
    background-color: #131313;
}

/* �����
-------------------------------------------------------------*/
#pun-title {                height: 325px;    margin-top: -400px; }

/* �����
-------------------------------------------------------------*/
#pun-about  {}

#pun-about .container { 
    margin-left: -25px;}

/* ������� ����� � ������ */
#pun-about .container .item1 {
margin-top: 25px;
    width: 980px;
    position: absolute;
    font-size: 7px;
    text-align: center;
    text-transform: lowercase;
}

#pun-about .container .item1 a {    color: var(--doplink)!important; font-weight: normal!important; }


/* ���������
-------------------------------------------------------------*/
/* ���������� ���� ��������� */
#pun-index .category .container { margin-top: 10px;}

/* ���������� ����� ��������� */
#pun-index .hasicon tr {
z-index: 1;
    width: 901px;
    position: relative;
    display: table;
    background: var(--backcol);
    margin-bottom: 20px !important;
    box-sizing: border-box;
    margin-left: 14px;
    padding: 15px;
    border-radius: 10px;
}  

/* ���������� ���� ��������� */
#pun-index .category h2 {       height: 30px;
    background: url(https://forumstatic.ru/files/001a/f8/52/30777.png);
    width: 901px;
    margin: 0px auto;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    color: var(--doptext);
    text-transform: uppercase;
    font: var(--body-font);
    line-height: 30px;}


/* �������������� ���������� ������ ���������  */

/* ��������� ���� �� ����� ��� ����� ����� display none  */
#pun-main div.catleft, #pun-main div.catright {}
.section h2 {}

/* ������ */
#pun-category1 h2 { }
div#pun-category1 .catright::after {   }

/* ������*/
#pun-category2 h2 {background: url(https://forumstatic.ru/files/001a/f8/52/33435.png)!important; }
div#pun-category2 .catright::after {    }

/* ������ */
#pun-category3 h2 { }
div#pun-category3 .catright::after {   }

/* ��������� */
#pun-category4 h2 { background: url(https://forumstatic.ru/files/001a/f8/52/33435.png)!important; }
div#pun-category4 .catright::after {   }

/* ����� */
#pun-category5 h2 { }
div#pun-category5 .catright::after {    }

/* ������*/
#pun-category6 h2 { background: url(https://forumstatic.ru/files/001a/f8/52/33435.png)!important; }
div#pun-category6 .catright::after { }


/* ����������
-------------------------------------------------------------*/
 #pun-stats h2 
{height: 30px;
    background: url(https://forumstatic.ru/files/001a/f8/52/33435.png);
    width: 901px;
    margin: 0px auto;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    color: var(--doptext);
    text-transform: uppercase;
    font: var(--body-font);
    line-height: 30px;
   } 

#pun-statistic .tc3 {width:15%;}
#pun-statistic .tc-username {width:unset;text-align:left;}
#pun-statistic .tc-title {width:25%;text-align:left;}
#pun-statistic .tc-registered {width:20%;}
#pun-statistic .tc-topic {width:50%;}

/* ���������� ���������� */
#pun-stats {    }

/* ���������� ������ � ���������� */
#pun-stats .container {    
    text-transform: uppercase;
    font-weight: bold!important;
    margin: 20px auto;
    z-index: 1;
    width: 901px;
    position: relative;
    display: table;
    background: var(--backcol);
    box-sizing: border-box;
    padding: 20px 0px;
    border-radius: 10px;}

#pun-stats .container span {      font: var(--body-font);
    font-weight: bolder; }
#pun-stats .container span a {  font: var(--body-font);
    font-weight: bolder;   }
#pun-stats .container strong {  font: var(--body-font);
    font-weight: bolder;  }
#pun-stats .container strong a { font: var(--body-font);
    font-weight: bolder; }


/* ��� ���� � 1 ������� */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
color: var(--t-body);
    text-align: center;
    padding: 3px 33px 3px 43px;
    margin-right: -3px;
    display: inline-block;
    text-transform: uppercase;
    background: var(--forcol);
    position: relative;
    font-weight: bolder;
    margin-bottom: 10px;
    right: 0px;
}

/* �������� ������������ */
li#onlinelist {
    float: left;
    width: 100%;
    font: var(--body-font);
    font-weight: bolder;
    padding: 10px 20px;
    box-sizing: border-box;
  }


/* ��������
-------------------------------------------------------------*/

/* ������������ � ���������� */
#pun-index .tclcon {
font-size: 10px;
    min-height: 50px;
    text-align: justify;
    width: 420px;
    color: var(--t-body);
    font-weight: bold;
    letter-spacing: 0.5px;
}

#pun-index .tclcon h3 { display: block;
    position: relative;
    margin: 5px 0px 5px;
}

/* �������� ��������� - ������ */
#pun-index .tclcon h3 a {
text-transform: uppercase;
    text-align: left;
    font: var(--h1-font);
    font-weight: bolder;
    color: var(--link);
    font-size: 12px;
}

/* ������  ���������� */
#pun-index .tclcon a {       color: var(--link);}

#pun-index .tclcon a:hover {  color: var(--hovlink);     transition: all 0.5s linear 0s;}


/* ���� � ��������� */
.Tems_And_messages {display: none;}


/* �������� ���������� � ������ */
.f_desc_wrap {
  display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-direction: column;
    color: #464646!important;
}

.f_desc {
  flex: 0 0 1;
  width: auto /*������ ����� � �������*/
}

.f_links {
  flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 2px;
    width: 100% /*������ ����� ������*/;
}

.f_links a {
 background: #00000012;
    padding: 2px 10px;
    flex: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: all .3s!important;
    font-size: 9px;
    line-height: 13px!important;
    font-variant-caps: all-small-caps;
    border-radius: 2px;
}

.f_links a:hover {
  background: transparent;
  letter-spacing: 1px
}

/* ������ ��������� �� ������� ��������
-------------------------------------------------------------*/
/* ������  */
#pun-index table Div.icon {
    display: block;
    height: 20px;
    top: 50px;
    position: absolute;
    border-radius: 50%;
    width: 20px;
    opacity: 0;
    z-index: 1;
    margin-left: -35px!important;
    background: url(https://forumstatic.ru/files/001a/f8/52/30777.png);
}

/* ����� */
#pun-index TR.inew Div.icon {
    opacity: 1;
}

/* ������  ������ ���������
-------------------------------------------------------------*/
/* ������  */
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
float: left;
    display: block;
    position: relative;
    margin: 3px 8px;
    width: 10px;
    height: 10px;
    background: #767676;
    opacity: 0.3;
    border-radius: 50%;
}

/* ����� */
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #767676;    opacity: 1;
}

/*������ */
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    opacity: 0.5;
    background: #6e9a5b;
}

/* �������� */
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #767676;   opacity: 0.5;
}


/* ������ ����� ���� 
-------------------------------------------------------------*/
.go-up, .go-down {
cursor: pointer;
    display: none;
    height: 10px;
    opacity: 1;
    position: fixed;
    width: 10px;
    z-index: 3;
    filter: brightness(1.5);
}

/* ������������ */
.go-down:hover, .go-up:hover {
    opacity: 0.7;
}

/* ������������ */
.go-up {
    bottom: 40%;
    margin-left: 980px !important;
    background: url(https://forumstatic.ru/files/001a/f8/52/18437.png);
}

.go-down {
    bottom: 33%;
    margin-left: 980px !important;
    background: url(https://forumstatic.ru/files/001a/f8/52/11528.png);
}
/* ��� ��������� */
.go-down:hover, .go-up:hover {
    opacity: 1;
}

/* ������� 
-------------------------------------------------------------*/
.post-author {width: 230px;
    height: auto;
 background: var(--backcol);
    padding-top: 15px;
    border-radius: 10px;
    margin-top: -5px;
}

/* ������������ � ������� */
.post-author ul {
margin: 0px!important;
    width: 230px;
    padding: 0px;
    padding-bottom: 20px;
    box-sizing: border-box;
    text-align: center;
    font: var(--body-font);
    color: var(--proftext);
    font-weight: 600;
    background-image: url(https://forumstatic.ru/files/001a/f8/52/92625.png);
    background-repeat: no-repeat;
border-radius: 10px;}


/* ��� ������ */
.pa-author {    
    font: var(--h1-font);
    height: 20px;
    line-height: 19px;
    font-size: 15px;
    color: var(--proftext);
    text-transform: uppercase;
}
.pa-author a {        color: var(--proftext)!important;   }


/* ������ */
.pa-title {
    text-transform: lowercase;
    letter-spacing: 1px;
    margin-top: 5px;
}

/* ������ */
.pa-avatar {margin: 5px 0px;}

/* ����� ������� */
.pa-avatar img {
max-width: 180px;
    max-height: 180px;
    padding: 2px;
}

/* ���� */
.pa-ip {
    clear: both;
    font-size: 7px;
}
.pa-ip a {    font-size: 7px; color: var(--proftext)!important; }

/* ������� */
.pa-online {
    display: block;
    text-transform: lowercase;
    font-size: 7px;
}

/* ��������� ����� */
.pa-last-visit {
    font-size: 7px!important;
    text-transform: lowercase;
    text-align: center;
    margin-top: 5px;
}

/* ����������� ��� �������� */
#pun-post .pa-author {
    width: 255px !important;
    padding: 0;
    margin-top: 31px;
    text-align: center;
    margin-left: 8px;
}

/* ���� �������
-------------------------------------------------------------*/
/* �� */
.pa-fld2 {
margin-top: 10px;
    padding: 10px 15px 15px!important;
    width: 200px;
    box-sizing: border-box;
    margin-bottom: 10px;
    text-align: justify;
    border: var(--bordin);
    margin-left: 15px;
    border-radius: 8px;
}

.pa-fld2 lzname {display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
font-size: 12px;}
.pa-fld2 lztext {font-size: 10px;}


/* ���� */
.pa-fld1 {
text-align: center;
    display: block;
    position: relative;
    text-transform: uppercase;
    width: 75px;
    margin: -17px auto 5px;
    background: var(--backcol);
} 



/* �����, ���������
-------------------------------------------------------------*/
.pa-posts, .pa-respect {   
font-size: 10px;
    margin: 5px 0!important;
    width: 110px;
    display: inline-block;
    text-transform: lowercase;
    padding: 3px 0px;
}
.pa-fld3, .pa-fld5 {   
font-size: 10px;
    width: 110px;
    display: inline-block;
    text-transform: lowercase;
    padding: 3px 0px;
}

.pa-respect img {       filter: brightness(0.8) grayscale(1);}

/* ����������� ����� ��������� */
 .pa-respect a {  color: var(--proftext)!important;  }



/* ������� � ������
**************************************************************/


#html-header adm {
position: absolute;
    top: -140px;
    left: 690px;
    width: 280px;
    font: var(--h1-font);
    color: var(--headtext);
    font-weight: 600;
    text-align: center;
    word-spacing: 5px;
    text-transform: uppercase;
    font-size: 11px;
}

#html-header adm a { color: var(--headtext)!important;}
#html-header adm a:hover { color: var(--hovlink2)!important;}


#html-header post {
position: absolute;
    width: 320px;
    color: var(--headtext);
    text-align: center;
    text-transform: uppercase;
    font: var(--h1-font);
    font-weight: bolder;
    font-size: 10px;
    top: -250px;
    left: 10px;
}

#html-header post span {}

#html-header post p {
    display: block;
    font: var(--body-font);
    text-transform: none;
    letter-spacing: 0.5px;
    line-height: 140%;
    text-align: justify;
    font-weight: bolder;
    height: 50px;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 10px;
}

#html-header post a { color: var(--headtext)!important;}
#html-header post a:hover { color: var(--hovlink2)!important;}


#html-header episode {
position: absolute;
    width: 270px;
    color: var(--headtext);
    font: var(--h1-font);
    font-weight: 600;
    text-align: right;
    text-transform: uppercase;
    top: -155px;
    left: 10px;
    font-size: 10px;
}

#html-header episode span {}

#html-header episode a { color: var(--headtext)!important;}
#html-header episode a:hover { color: var(--hovlink2)!important;}

#html-header inf {    position: absolute;
    font: var(--body-font);
    width: 300px;
    overflow: auto;
    height: 70px;
    padding-right: 6px;
    color: var(--headtext);
    line-height: 150%;
    font-weight: bolder;
    letter-spacing: 0.5px;
    top: -230px;
    left: 675px;
    text-align: justify;
}

#html-header need {
top: -120px!important;
    left: 60px;
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    column-gap: 10px;
    z-index: 100;
    transition: 0.3s ease-in-out!important;
    background: var(--backcol2) fixed;
    width: 225px;
    height: 25px;
    border-radius: 8px;
    line-height: 8px;
}

#html-header need p {display: block;
    position: absolute;
    margin-top: 80px;
    color: var(--headtext);
    font-size: 10px;}

#html-header need img { filter: grayscale(0);
    transition: 0.3s ease-in-out!important;
    border: 2px solid #9e9d9a;
    border-radius: 50%;}
#html-header need img:hover { filter: grayscale(1); transition: 0.3s ease-in-out!important;}


/* ��������� �� ����� � �����
-------------------------------------------------------------*/

/* ��� ������ ��������� �� ������ ���� */

/* ��� ������ ����� ����� �� ��� */
.spirit-navigation.spirit-navigation_hover{
background: url(������ �� ��������) no-repeat
}

/* ��������� ������� ����������� �� ����� ���� � ��� ������ */
#navigblock {
width: 175px;
    left: 745px;
    position: absolute;
    top: -81px;
    z-index: 999;
}

/* ��������� ����� ������, ���� ����, ����, ������������, ������� */
.sslka {
    display: block;
    background: var(--backcol2);
    padding: 3px 0 3px 0;
    border: var(--bordin);
    border-radius: 8px;
}

/* ��������� ���� ����� ������, ������, ����, ���, ������ � ��� ����� */
#pun .sslka a {
background: var(--backcol) fixed;
    white-space: nowrap;
    margin: 4px auto;
    text-align: center;
    display: block;
    padding: 3px 0;
    border: var(--bordin);
    text-transform: uppercase;
    width: 136px;
    color: var(--proftext);
    font: var(--h1-font);
    letter-spacing: 1px;
    font-size: 8px;
    font-weight: bolder;
    transition: all 0.3s linear 0s;
    border-radius: 5px;
}

/* ������ ��� ��������� */
#pun .sslka a:hover {
background: #1b1b1b61;
    white-space: nowrap;
    margin: 4px auto;
    text-align: center;
    display: block;
    padding: 3px 0;
    border: 1px solid #3e3c395e;
    text-transform: uppercase;
    width: 120px;
    font-weight: 600;
    color: var(--hovlink);
    letter-spacing: 1px;
    font-size: 8px;
    transition: all 0.3s linear 0s;
}

.spirit-navigation {
height: 25px;
    width: 225px;
    top: -106px;
    left: 720px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    position: absolute;
    color: var(--proftext);
    font: var(--h1-font);
    font-size: 10px;
    font-weight: bolder;
    text-transform: uppercase;
    background: var(--backcol2) fixed;
    border-radius: 7px;
    line-height: 25px;
}




/* �����
**************************************************************/
.cop a { position: absolute;
    letter-spacing: 1px;
    color: var(--temtext)!important;
    width: 925px;
    text-align: center;
    font: var(--body-font);
    font-size: 10px;
    font-weight: bold!important;
    text-transform: uppercase;
    z-index: 999;
    margin: 140px auto;
}

.cop:hover a {color: var(--hovlink);}

.ban {
position: absolute;
    left: 62px;
    bottom: -90px;
    text-align: center;
    background: var(--backcol2) fixed;
    height: 90px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 870px;
    margin: 0 auto;
    padding: 10px 20px;
    box-sizing: border-box;
}

.ban img {opacity: 0.3; filter: grayscale(1); transition: 0.3s ease-in-out!important;}
.ban img:hover {opacity: 1; filter: grayscale(0); transition: 0.3s ease-in-out!important;}

/* ������ 
**************************************************************/
/* ������ �������  */
.reactions-root button, .reactions-root [type=button], .reactions-root [type=reset], .reactions-root [type=submit] {
    -webkit-appearance: button;
    display: none;
}

/* ������� �����   */
div.post-rating p {float:right !important; border:0 !important; padding:3px !important}
div.post-vote p {float:right !important; border:0 !important; padding:3px 13px !important; margin-right:5px !important}
div.post-vote p .negative {margin-left:13px;}
div.post-rating a, div.post-vote a {
    font-size: 13px !important;
    text-decoration: none !important;
}
div.post-rating a {
    cursor: pointer !important;
    margin-right: 20px!important;
}

/* ����������� ���������� ����������� � ��������� */
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: #ab9e9a!important;
    border-radius: 8px;
    color: #fff;
    content: attr(data-new-topics);
    display: inline-block;
    font-size: .8em;
    font-weight: 700;
    height: 12px;
    line-height: 12px;
    margin: -6px;
    min-width: 12px;
    padding: 2px;
    position: absolute;
    text-align: center;
}

.notify-parent {position: relative;}
.notify-bubble {
    background: lightblue;
    border-radius: 3px;
    color: black;
    font: bolder 12px/1.2 Tahoma;
    margin: 0;
    min-width: 14px;
    padding: 0 1px;
    position: absolute;
    text-align: center;
}

.notify-bubble:after {
    border-color: lightblue transparent;
    border-style: solid;
    border-width: 3px 3px 0;
    content: "";
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
}

.bubble { background: #857a75!important;
    border: 0 none;
    border-radius: 3px;
    color: #d4d2ce!important;
    display: inline-block;
    font: bolder 9px Roboto!important;
    margin: 0;
    min-width: 12px;
    padding: 0 1px;
    position: absolute;
    right: 2px!important;
    text-align: center;
    top: -9px!important;
}

.bubble:after {
    border-color: #857a75!important;
    border-style: solid;
    border-width: 2px 2px 0!important;
    content: "";
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
}

span.num_msg {
    position: absolute;
    margin-top: -15px;
    margin-left: -8px;
    font-size: 11px;
    font-weight: 700;
    background: #685942!important;
    padding: 1px 4px;
    border-radius: 2px;
    height: 14px;
    color: #fff;
    cursor: pointer;
}

span.num_msg:before {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    top: 14px;
    background: #685942!important;
    margin-left: 1px;
}


/* ������� ��������  */
.hvStickerPackModal {
    padding: 16px 16px 8px;
padding: 16px 16px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #999;
    border-radius: 4px;
    background: var(--forcol)!important;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.hvStickerPackModalTab {
padding: 8px 12px;
    border-radius: 4px!important;
    background: var(--quotcol)!important;
    font: var(--h1-font)!important;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 8px;
    font-weight: bolder!important;
    margin-right: 8px;
    font-size: 9px!important;
}

/* �������� �����  */
#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    padding: 8px;
    border: solid 1px #6b634e;
    border-radius: 4px;
    background: var(--forcol);
}


/*����������� ������� ������ � ������ � Alex_63 */

.FNTslider {
    border-radius: 4px;
    position: relative;
    z-index: 1000;
    background: #a09c95;
    width: 109px;
    height: 2px;
    margin: 3px 5px;
    border: solid 1px #9b8d80;
    float: right;
    margin-right: 10%;
}
.FNTslider .before {
    height: 2px;
    border: solid 1px transparent;
    border-right: none 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    background: #716549;
    margin-top: -1px;
}
.FNTslider .thumb {
    width: 5px;
    height: 9px;
    border-radius: 3px;
    position: relative;
    top: -3px;
    background: #2b2114b8;
    cursor: pointer;
}


/* ��������� ���������� ������������ */
.indOnline, .indOffline {display: none;}

.indOnline {
    background: url(https://i.imgur.com/xjf7Qj5.png);
}
.indOffline {
    background: url(https://i.imgur.com/Fv2F4jB.png);
}

/* ������ ����� ������ */

#form-buttons {
    display: flex;
    column-gap: 4px;
    margin-bottom: -1px;
    background-color: #c9c8c5;
    border: 1px solid #b1afac;
    padding: 5px;
} 
\
.hide-author .post-body {
        margin-left: 25px!important;
    width: 900px!important;
    position: relative!important;
}

.hide-author .post-content .quote-box {width: 800px;}

.hide-author .post-body {
    margin-left: 0px;
}

/*----------------------------------  ��������  ---------------------------------- */
.guest {
width: 900px;
    height: 400px;
    background: url(https://forumstatic.ru/files/001a/f8/52/18406.png);
    margin: 0px auto;
}


.guest faq {
    position: absolute;
    width: 400px;
    margin-top: 50px;
    left: 295px;
    padding: 5px;
    font: var(--body-font);
    text-transform: uppercase;
    overflow-y: auto;
    color: var(--temtext);
    text-shadow: 1px 1px #313931;
    text-align: center;
    font-weight: bolder;
}

.guest rules {
position: absolute;
    width: 300px;
    height: 50px;
    margin-top: 113px;
    left: 509px;
    padding: 5px;
    font: var(--body-font);
    font-size: 10px;
    text-transform: lowercase;
    color: var(--temtext);
    text-shadow: 1px 1px #313931;
    text-align: justify;
}

.guest pers a, .guest face a {color: var(--temtext)!important;}

.guest pers {
position: absolute;
    width: 320px;
    height: 170px;
    margin-top: 200px;
    left: 170px;
    text-align: justify;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--temtext);
    letter-spacing: 0.5px;
    padding: 20px;
    box-sizing: border-box;
}
.guest face {
position: absolute;
    width: 320px;
    height: 170px;
    margin-top: 200px;
    left: 510px;
    text-align: justify;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--temtext);
    letter-spacing: 0.5px;
    padding: 20px;
    box-sizing: border-box;
}

/*----------------------------------  ���������  ---------------------------------- */
.face {
width: 900px;
    height: 846px;
    background: url(https://forumstatic.ru/files/001a/f8/52/31555.png);
    margin: 0px auto;
}


.face faq {
position: absolute;
    width: 900px;
    margin-top: 30px;
    font: var(--body-font);
    text-transform: uppercase;
    color: var(--temtext);
    text-shadow: 1px 1px #313931;
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
}

.face rules {
    position: absolute;
    width: 900px;
    margin-top: 55px;
    font: var(--body-font);
    font-size: 11px;
    text-transform: lowercase;
    color: var(--temtext);
    text-shadow: 1px 1px #313931;
    text-align: center;
}

.face a {color: var(--temtext)!important;}

.face ad {
    position: absolute;
    width: 270px;
    height: 300px;
    margin-top: 134px;
    left: 80px;
    text-align: justify;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--temtext);
    letter-spacing: 0.5px;
    padding: 20px;
    box-sizing: border-box;
text-transform: uppercase;
}

.face eh {
    position: absolute;
    width: 270px;
    height: 300px;
    margin-top: 134px;
    left: 360px;
    text-align: justify;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--temtext);
    letter-spacing: 0.5px;
    padding: 20px;
    box-sizing: border-box;
text-transform: uppercase;
}

.face il {
    position: absolute;
    width: 270px;
    height: 300px;
    margin-top: 134px;
    left: 640px;
    text-align: justify;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--temtext);
    letter-spacing: 0.5px;
    padding: 20px;
    box-sizing: border-box;
text-transform: uppercase;
}

.face mp {
    position: absolute;
    width: 270px;
    height: 300px;
    margin-top: 474px;
    left: 80px;
    text-align: justify;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--temtext);
    letter-spacing: 0.5px;
    padding: 20px;
    box-sizing: border-box;
text-transform: uppercase;
}

.face qu {
    position: absolute;
    width: 270px;
    height: 300px;
    margin-top: 474px;
    left: 360px;
    text-align: justify;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--temtext);
    letter-spacing: 0.5px;
    padding: 20px;
    box-sizing: border-box;
text-transform: uppercase;
}

.face vz {
    position: absolute;
    width: 270px;
    height: 300px;
    margin-top: 474px;
    left: 640px;
    text-align: justify;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--temtext);
    letter-spacing: 0.5px;
    padding: 20px;
    box-sizing: border-box;
text-transform: uppercase;
}


/*----------------------------------  ���������  ---------------------------------- */
.char {
width: 900px;
    height: 600px;
    background: url(https://forumstatic.ru/files/001a/f8/52/33067.png);
    margin: 0px auto;
}


.char faq {
position: absolute;
    width: 900px;
    margin-top: 30px;
    font: var(--body-font);
    text-transform: uppercase;
    color: var(--temtext);
    text-shadow: 1px 1px #313931;
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
}

.char rules {
    position: absolute;
    width: 900px;
    margin-top: 55px;
    font: var(--body-font);
    font-size: 11px;
    text-transform: lowercase;
    color: var(--temtext);
    text-shadow: 1px 1px #313931;
    text-align: center;
}

.char a {color: var(--temtext)!important;}

.char were {
position: absolute;
    width: 200px;
    height: 440px;
    margin-top: 134px;
    left: 83px;
    text-align: justify;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--temtext);
    letter-spacing: 0.5px;
    padding: 20px;
    box-sizing: border-box;
    text-transform: uppercase;
}

.char witch {
position: absolute;
    width: 200px;
    height: 440px;
    margin-top: 134px;
    left: 294px;
    text-align: justify;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--temtext);
    letter-spacing: 0.5px;
    padding: 20px;
    box-sizing: border-box;
    text-transform: uppercase;
}

.char hunter {
position: absolute;
    width: 200px;
    height: 440px;
    margin-top: 134px;
    left: 505px;
    text-align: justify;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--temtext);
    letter-spacing: 0.5px;
    padding: 20px;
    box-sizing: border-box;
    text-transform: uppercase;
}

.char human {
position: absolute;
    width: 200px;
    height: 440px;
    margin-top: 134px;
    left: 716px;
    text-align: justify;
    font: var(--body-font);
    overflow-y: auto;
    color: var(--temtext);
    letter-spacing: 0.5px;
    padding: 20px;
    box-sizing: border-box;
    text-transform: uppercase;
}

/*----------------------------------  ������ ������  ---------------------------------- */


.shablon {
width: 600px;
    height: 200px;
    background: url(https://i.imgur.com/SEVCZZh.png);
    margin: 0px auto;
}


.shablon text {
  position: absolute;
    width: 317px;
    margin-top: 82px;
    left: 405px;
    padding: 5px;
    overflow-y: auto;
    color: var(--temtext);
    text-shadow: 1px 1px #313931;
    text-align: center;
    text-align: justify;
    font-family: Roboto Regular;
    font-size: 11px;
}

.shablon pic {
position: absolute;
    width: 110px;
    height: 110px;
    margin-top: 46px;
    left: 762px;
    border: 1px solid #2b302a;
    outline: 1px solid #585b57;
}

.shablon hi {
position: absolute;
    width: 167px;
    height: 50px;
    margin-top: 35px;
    left: 560px;
    font-family: mr_ReaverockG;
    font-size: 36px;
    text-transform: uppercase;
    color: var(--temtext);
    text-shadow: 1px 1px #313931;
    text-align: justify;
}
mrazeus & shady design test

���������

�����

����

����

�������

��

��

��

��

��
