html::-webkit-scrollbar {
    width: 18px;
    height: 18px;
}

html::-webkit-scrollbar-thumb {
    background: #424242;
    border-radius: 16px;
    box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 25%), inset -2px -2px 2px rgb(0 0 0 / 25%);
}

html::-webkit-scrollbar-track {
    background: linear-gradient(90deg,#434343,#434343 1px,#111 0,#111);
}

html, body {
    background: #000000;
    margin: 0px !important;
    z-index: 1;
}

a {
    text-decoration: none;
    font-weight: bold;
    color: #0a21d9;
}
a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #0626f3 !important;
}

@font-face {
    font-family: 'NeoSansProRegular';
    src: url(../fonts/NeoSansProRegular.woff);
}
@font-face {
    font-family:'NeoSansProLight';
    src: url(../fonts/NeoSansProLight.woff);
}

@font-face {
    font-family:'cleanvertising-light';
    src: url(https://psyterror.ru/answer/rebus_files/fonts/cleanvertising-light.woff);
}

@font-face {
    font-family:'menlo-webfont';
    src: url(https://psyterror.ru/answer/rebus_files/fonts/menlo-webfont.woff);
}

@font-face {
    font-family:'Philosopher-Regular';
    src: url(https://psyterror.ru/answer/rebus_files/fonts/Philosopher-Regular.woff);
}

@font-face {
    font-family:'tygra';
    src: url(../fonts/tygra.ttf);
}

/* Text align */
h1 {
  font-family: 'NeoSansProLight' !Important;
  text-align: center;
  font-weight: 900;
  margin: 0 auto;
  padding: 9px 0;
  color: #020202;
  text-shadow: -3px 3px 6px #ff99005e;
}

h2, h3, h4, h5 {
  font-family: 'NeoSansProLight' !Important;
  font-weight: 400;
  text-align: left;
  margin: 0 auto;
  /*padding-left: 21px;*/
  color: #020202;
  text-shadow: -3px 3px 6px #ff99005e;
}

h3::after {
    position: relative;
    content: '';
    display: block;
    height: 1px;
    background: linear-gradient(90deg,#f90, #0000);
    width: 77%;
    margin-top: -2px;
}

em {
    color: #020202;
    text-shadow: 0px 0px 0.6px #ff99005e;
    font-style: italic;
    /*font-family: 'NeoSansProLight';*/
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

p {
    margin: 0;
    text-align: left;
    padding: 6px 0px;
    font-family: 'NeoSansProRegular';
    text-align: justify;
    line-height: 1.2;
    letter-spacing: 0.01em;
}

b {
    font-weight: bold;
    color: #584f44;
}

.nobold {
    font-weight: 500;
}

.nobold:hover {
    color: #584f44 !important;
}

.tygra {
    font-family:'tygra' !important;
}
/* //Text align */

/* hr Decoration */
hr {
    height: 1px;
    background: #ffcd00;
    width: 100%;
    border: none;
    margin: 0 auto;
}

.onpage {
    position: relative;
    display: block;
    height: 1px;
    background: linear-gradient(90deg, #ffef8a00, #ff9900, #ffef8a00);
    width: 67%;
}

.delimiter {
    position: relative;
    display: block;
    height: 1px;
    background: linear-gradient(90deg, #ffef8a00, #ff9900, #ffef8a00);
    width: 67%;
    margin: 0 auto;
}
.coverdelimiter {
    position: absolute;
    height: 9px;
    margin-top: -11px;
    border-bottom: 1px solid #ff9900;
    -webkit-border-radius: 0 0 36px 36px;
    right: -10px;
    left: -10px;
}

.epilog {
    position: relative;
    padding: 0px 0 18px 0;
    opacity: 0.9;
    z-index: -1;
}
.epilog_line_10 {
    background: linear-gradient(90deg, #ffef8a00, #ff9900, #ffef8a00);
    width: 233px;
    margin: 1px auto;
}
.epilog_line_09 {
    background: linear-gradient(90deg, #ffef8a00, #ff9900, #ffef8a00);
    width: 144px;
    margin: 1px auto;
}
.epilog_line_08 {
    background: linear-gradient(90deg, #ffef8a00, #ff9900, #ffef8a00);
    width: 89px;
    margin: 1px auto;
}
.epilog_line_07 {
    background: linear-gradient(90deg, #ffef8a00, #ff9900, #ffef8a00);
    width: 55px;
    margin: 1px auto;
}
.epilog_line_06 {
    background: linear-gradient(90deg, #ffef8a00, #ff9900, #ffef8a00);
    width: 34px;
    margin: 1px auto;
}
.epilog_line_05 {
    background: linear-gradient(90deg, #ffef8a00, #ff9900, #ffef8a00);
    width: 21px;
    margin: 1px auto;
}
.epilog_line_04 {
    background: linear-gradient(90deg, #ffef8a00, #ff9900, #ffef8a00);
    width: 13px;
    margin: 1px auto;
}
.epilog_line_03 {
    background: linear-gradient(90deg, #ffef8a00, #ff9900, #ffef8a00);
    width: 13px;
    margin: 1px auto;
}
.epilog_line_02 {
    background: linear-gradient(90deg, #ffef8a00, #ff9900, #ffef8a00);
    width: 5px;
    margin: 1px auto;
}
.epilog_line_01 {
    background: linear-gradient(90deg, #ffef8a00, #ff9900, #ffef8a00);
    width: 3px;
    margin: 1px auto;
}

.o09 {
    opacity: 0.9;
}

.nopadding {
    margin-top: -9px;
}
.margin {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* //hr Decoration */
div {
    font-weight: normal;
}
/* Spinning Words */
.shiver_text {
    position: relative;
    display: block;
    animation: shiver_text 0.1s cubic-bezier(.68,-0.55,.27,1.55) infinite;
    z-index: 1;
}
@keyframes shiver_text {
    0% {
        transform: translateY(-2px);
        /*transform: translateX(-1px);*/
}
    50% {
        /*transform: translateY(-1px);*/
        transform: translateX(2px);
}
    100% {
        transform: translateY(1px);
        /*transform: translateX(-1px);*/
}
}
.m_word_rotate_h2 {
    position: relative;
    display: inline-block;
    transform-origin: 2px 21px;
    animation: m_word_rotate 3s cubic-bezier(.46,.03,.52,.96) infinite;
    z-index: 1;
}
@keyframes m_word_rotate {
    0% {
        transform: rotate(120deg);
}
    50% {
        transform: rotate(190deg);
}
    100% {
        transform: rotate(120deg);
}
}

.m_word_rotate_h3 {
    position: relative;
    display: inline-block;
    transform-origin: 2px 17px;
    animation: m_word_rotate 3s cubic-bezier(.46,.03,.52,.96) infinite;
    z-index: 1;
}

/* Text align */
.center {
    text-align: center;
    font-family: 'NeoSansProLight';
}
.textcenter {
    padding: 9px 0;
    font-family: 'cleanvertising-light';
    font-weight: bold;
    text-align: center;
    line-height: 0.9;
}
.textright {
    padding: 9px 0;
    text-align: right;
}
.white {
    color: white;
}
.greenlight {
    color: #daffee;
}
/* //Spinning Words */

.flagindexpage {
    position: absolute;
    opacity: .5;
    z-index: 999;
    padding: 10px;
    right: 0%;
    top: -67px;
    animation: moveup 18s;
    animation-iteration-count: 1;
}

.flagindexpage:hover {
    position: absolute;
    opacity: 1;
}

@keyframes moveup {
    20% {top:  0px;}
    80% {top: 0px;}
    100% {top: -67px;}
}

.menuobfuxator {
    position: absolute;
    visibility: hidden;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.basis {
    position: sticky;
    height: 100%;
    width: 100%;
    top: 0px;
}

.fixed {
    position: fixed;
}

.disciplinam_frame {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    animation: disciplinam_animation 6666ms ease-in-out;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-delay: 18000ms;
    background: #000;
    z-index: 99999;
    visibility: hidden;
}

.disciplinam {
    position: absolute;
    font-family: 'tygra';
    color: #fff;
    text-align: center;
    font-size: 6vh;
    border-radius: 10%;
    margin: 0 auto;
    top: 0%;
    bottom: 0%;
    display: flex;
    align-items: center;
}

@keyframes disciplinam_animation { 
  0% { 
    opacity: 0;
    visibility: hidden;
  }
  40% { 
    opacity: 1;
    visibility: visible;
  }
  90% { 
    opacity: 1;
    visibility: visible;
  }
  100% { 
    opacity: 0;
    visibility: hidden;
  }  
}

.message_box {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.border {
    border: 2px solid #ffffff;
    animation: animate 9s linear infinite;
    background: hsl(0deg 0% 25% / 42%);
    border-radius: 36px;
    transition: transform 3s;
    z-index: 666;
}

@media (max-width: 1111px) {
.border {
    border-radius: 18px;
}
}

@media (max-width: 666px) {
.border {
    position: fixed;
    font-size: 21px;
    line-height: 100%;
    text-shadow: none;
    width: 81%;
    border-radius: 18px;
}
}

.text {
    position: absolute;
    left: 0%;
    right: 0%;
    height: 100%;
    width: 67%;
    margin: -50px auto;
    font-size: 3.6vw;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family:'cleanvertising-light';
    line-height: 90%;
}

.nopadding {
    margin-top: -9px;
}

.framed {
    position: relative;
    display: table;
    border: 1px dashed #ff9900;
    border-radius: 6px;
    margin: 9px auto;
    padding: 6px 9px;
    /* box-shadow: -1px 1px 2px #ff99005e; */
    text-align: center;
    background: hsl(35deg 60% 92% / 50%);
    font-size: 14px;
    font-family: sans-serif;
    font-weight: 100;
}
@media (max-width: 666px) {
.framed {
    position: relative;
    display: table;
    border: 1px dashed #ff9900;
    border-radius: 6px;
    margin: 9px auto;
    padding: 6px 9px;
    /* box-shadow: -1px 1px 2px #ff99005e; */
    text-align: center;
    background: hsl(35deg 60% 92% / 50%);
    font-size: 14px;
    font-family: sans-serif;
    font-weight: 500;
}
}

/* FancyBox selectors */
.imageleft {
    float: left;
    margin-right: 0.6em;
    border-radius: 6px;
}
.imagecenter {
    margin-bottom: 2px;
    border-radius: 6px;
}
.imageright {
    float: right;
    margin-left: 0.6em;
    border-radius: 6px;
}
/* FancyBox selectors */


/* z-index direction
Body 1
noise 100
epigramma 222
orbs 333
border 666
side_menu 999
menu_image shadow 999
//z-index direction */
    /*-webkit-animation: Safari 4+ */
    /*-moz-animation:    Fx 5+ */
    /*-o-animation:      Opera 12+ */
    /*animation:         IE 10+, Fx 29+ */