Код для подключения под подробнее.

Меню моб.версии откроется если на него нажать (tap)

@font-face {
font-family: 'fontd0b01fa97d4cb65c24547fae4b8ac17f';
    
    src:    url('https://nomail.com.ua/files/eot/d0b01fa97d4cb65c24547fae4b8ac17f.eot?#iefix') format('embedded-opentype'),
            url('https://nomail.com.ua/files/woff/d0b01fa97d4cb65c24547fae4b8ac17f.woff') format('woff'),
            url('https://nomail.com.ua/files/woff2/d0b01fa97d4cb65c24547fae4b8ac17f.woff2') format('woff2');
}

@font-face { font-family: 'TheSalvadorCondensedCYR';  src: local('TheSalvadorCondensedCYR'), url('https://nomail.com.ua/files/woff/d0b01fa97d4cb65c24547fae4b8ac17f.woff') format('woff'); }

/*ДНЕВНИК*/

a:hover {
text-decoration: none !important;
}

a:focus {
box-shadow: 0 0 0px black;
}

.profile_postcomment,
.comment_headline,
img.photo,
button.btn.btn-primary,
.card,
div#postcomment_userphotos,
img.img-thumbnail,
input[type="text"],
textarea#comment_body,
.modal-header,
.modal-footer,
.modal-content,
nav.navbar.navbar-expand-lg.navbar-light.bg-light.top_menu.top_mobile_menu,
button.btn.btn-outline-success.mr-1.mobile_button,
button.btn.btn-outline-success {
border: none !important;
border: none
}

a.top_menu_item, button.btn.btn-primary {
    color: #e8e8e8 !important;
    color: #e8e8e8;
    text-shadow: 0 0 4px #ffffff;
    font-family: 'fontd0b01fa97d4cb65c24547fae4b8ac17f';
    text-transform: uppercase;
    font-size: 17px !important;
}

.badge-danger {
color: #161617;
background-color: #f7f7f7;
box-shadow: 0 0 5px white;
}

button.button_down {
background: transparent;
}

.menu_dropdown a {
background-color: #202022 !important;
}

body {
    background-color: #161616;
}

.content,.top_header,button.btn.btn-primary,.copyright,nav.navbar.navbar-expand-lg.navbar-light.bg-light.top_menu.top_mobile_menu,
#mobile_menu .menu_item_dropdown a,.portal_spacer,div#mobile_photo_wrap {
background: url(https://beon.vip/uploads_image/35/89/3589959d95261f1e2159866b4e3f9f09.gif) no-repeat center fixed;
background-size: cover;
}

.top_header {
box-shadow: 0 0 0px black;
}

li.p-1 {
display: block;
}

img.menu_icon2,.top_menu_link img {
display: none;
}

a.menu_item {
color: #f0efeb !important;
color: #f0efeb;}

[onclick^="showGift"] {
width: 50%;
}

.copyright {border-radius: 10px;}

:focus {
outline: none;
box-shadow: 0 0px 5px white;
}

button#newupdates:focus {
box-shadow: 0 0 0px black;
outline: none !important;
}

.modal {
background-color: #000000e8 !important;
}

[src="./images/logo_new.png"] {
content: url(https://beon.vip/uploads_image/19/14/19143e732c5e6fae7b5353cddf72c3b6.gif);
width: 130px !important;     width: 100px;
filter: opacity(0.5) invert(1) drop-shadow(2px 4px 6px white);
border-radius: 10px;
}

[src="./images/logo_new.png"]:hover {
box-shadow: 0 0 14px 2px black;
}

.card.p-1 {
    background-color: #ffffff99;
    border-radius: 7px;
    padding-top: 20px !important;
    padding-top: 20px;
    backdrop-filter: blur(3px);
    box-shadow: 0 0 9px 0px #bfbfbf2e;
}

.card-header { background-color: #ffffff5e;
box-shadow: 0 0 6px 1px #ffffff0f;
filter: drop-shadow(2px 4px 6px white);
border-radius: 10px;}

div#lefthome {
border-radius: 10px 0px 0px 10px;
}

div#righthome {border-radius: 0px 10px 10px 0px;}

a.page-link {
background-color: #171718;
}

[style="font-size: 11px; color: #333333; word-break: break-word; width: 100px; text-align: center;"] {
color: #a4a5a5 !important;
color: #a4a5a5;
font-size: 14px !important;
font-size: 14px;
}

/*
.card-body,.gifts-list {
opacity: 0;
transition: 0.3s;
}

.card-body:hover,.gifts-list:hover {
opacity: 1;
transition: 0.3s;
}
*/

.gifts-list {
padding-top: 20px;
}

.card.blog_categories a {
color: #f0efeb !important;
color: #f0efeb;}

li {
color: white;
margin-top: 5px;
}

.blog_leftprofile a,.card-header {
color: #2d2d2d !important;
color: #2d2d2d;
font-weight: 600;
}

/*UPD*/

.post_text.pl-3 {
    color: #b9803c !important;
    color: #b9803c;
    font-size: 15px;
    padding: 10px;
}

.post_container {
    backdrop-filter: blur(3px);
    background: #11151766;
    padding-bottom: 10px;
}

.post_image *,div#user_status {
    font-size: 11px !important;
    font-size: 11px;
    color: #c0c6c7 !important;
    color: #c0c6c7;
    padding-top: 3px;
}

.card-header {
    font-family: 'fontd0b01fa97d4cb65c24547fae4b8ac17f';
    font-size: 17px;
    padding: 0px;
    text-align: center;
    color: #3c3b3b !important;
    color: #3c3b3b;
    font-weight: unset;
    border-radius: 5px 5px 0 0 !important;
    border-radius: 5px 5px 0 0;
    text-shadow: 0 0 3px #484848;
}

.blog_leftprofile a {
    font-family: 'fontd0b01fa97d4cb65c24547fae4b8ac17f';
    font-size: 17px;
    color: #3c3b3b !important;
    color: #3c3b3b;
    text-shadow: 0 0 3px #484848;
}

.card-body {
    padding: 0px;
    text-align: center;
}

.card-body {
    backdrop-filter: blur(3px);
}

ul.seBlogCategoryList {
    padding: 0px;
}

li.p-1,ul.seBlogCategoryList {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
}

.blog_leftsearch input[type="text"] {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    background: #1c1c1d;
    border-radius: 3px;
}

.seBlogColumnRightPadding .card-body {
    margin: auto;
}

.gifts-list {
    font-size: 0;
}

.gifts-list img:hover {
    transform: scale(1.5);
    transition: 0.3s;
    filter: grayscale(0) drop-shadow(2px 4px 6px black);
}
.gifts-list img {
    width: 42px;
    image-rendering: -webkit-optimize-contrast;
    transition: 0.3s;
    filter: grayscale(1);
}

.card-header a {
    color: white !important; color: white;
}

div#righthome {
    padding-left: 2%;
    padding-top: 2%;
}

.card.mt-3.blog_leftmenu,.blog_leftsearch,.card.blog_categories,.card.blog_gifts {
    max-height: 23px;
    overflow: hidden;
    transition: 0.5s cubic-bezier(0.17, 0.56, 1, 1);
    transition-delay: 1s;
    border-radius: 7px;
    box-shadow: 0 0 6px 0px #bfbfbf2e;
}

.card.mt-3.blog_leftmenu:hover,
.blog_leftsearch:hover,
.card.blog_categories:hover,
.card.blog_gifts:hover {
    max-height: 600px;
    transition: 0.5s cubic-bezier(0.17, 0.56, 1, 1);
}

.blog_leftsearch {
    margin-bottom: 10px;
    border-radius: 5px;
}

img.photo,.post_image img {
    border-radius: 7px;
}

li.p-1 a,ul.seBlogCategoryList a {
    display: block;
    transition: 0.3s;
}

li.p-1 a:hover,ul.seBlogCategoryList a:hover {
    transform: scaleY(1.5);
    transition: 0.3s;
}

h6.card-subtitle.mb-2.text-muted.post_date,.additional_info.pl-3 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
    color: #c0c6c7;
    padding-left: 2px;
}

h6.card-subtitle.mb-2.text-muted.post_date a,.additional_info.pl-3 a {
    color: #c0c6c7;
}

.post {
    margin-bottom: 60px;
}

.copyright {
    color: white !important; color: white;
    font-family: 'fontd0b01fa97d4cb65c24547fae4b8ac17f';
    font-size: 12px;
    text-shadow: 0 0 4px white;
}

.profile_comment_body {
    width: 100% !important;
    width: 100%;
    color: #b9803c !important;
    color: #b9803c;
}

div[id^="comment_"] {
    backdrop-filter: blur(3px);
    background: #11151766;
}

.seBlogComments [valign="top"] a {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 3px;
    color: #e2e2e2;
}

div#lefthome {
    width: 25% !important;
}

.profile_comment_author a {
    color: #d4d4d4 !important;
    color: #d4d4d4;
    font-family: 'fontd0b01fa97d4cb65c24547fae4b8ac17f';
    font-size: 17px;
}

h2.card-title a {
    color: #d4d4d4 !important;
    color: #d4d4d4;
    font-family: 'fontd0b01fa97d4cb65c24547fae4b8ac17f';
    font-size: 25px;
    text-shadow: 0 0 4px #ffffff78;
}

div.profile_comment_body {
    padding: 10px;
    color: #d0d6dc !important; color: #d0d6dc;
    font-size: 15px;
}

div.profile_comment_body a {
    color: #e6e6e6;
    text-shadow: 0 0 3px #ffffff99;
    letter-spacing: 2px;
    font-size: 13px;
    font-style: italic;
}

.comment_headline {
    font-family: 'fontd0b01fa97d4cb65c24547fae4b8ac17f';
    font-size: 17px;
    padding: 0px;
    border-radius: 7px;
    padding-left: 5px;
}

.profile_postcomment {
    padding: 0px !important; padding: 0px;
    padding-top: 10px !important; padding-top: 10px;
}

div#comment_subscribe {
    background: transparent;
}

textarea#comment_body {
    font-size: 17px;
    color: #2f2f2f !important;
    color: #2f2f2f;
    background: #dadadab3;
    border-radius: 5px;
    padding: 10px;
}

textarea#comment_body::placeholder {
    font-family: 'fontd0b01fa97d4cb65c24547fae4b8ac17f';
    color: white;
    font-size: 15px;
}

div#postcomment_form {
    width: 88% !important; width: 88%;
}

div#postcomment_userphotos {
    width: 11%;
}

div#postcomment_userphotos,img.img-thumbnail,div#postcomment_userphotos .p-1 {
    padding: 0px !important; padding: 0px;
}

img.img-thumbnail {
    margin-bottom: 7px;
    border-radius: 7px;
}
.userphoto_selected {
    background: transparent;
}

.userphoto_selected {
    background: transparent;
    filter: grayscale(1) brightness(0.6);
}

input#comment_submit, button.btn.btn-secondary {
    border: unset;
    border-radius: 5px;
    font-family: 'fontd0b01fa97d4cb65c24547fae4b8ac17f';
    font-size: 15px;
    background: #252a2d;
    border-color: #0b1010;
    color: #b9803c;
}

.comment_headline a {
    color: #b9803c !important; color: #b9803c;
}
.comment_headline {
    background: #252a2d;
    border-color: #0b1010;
    color: #b9803c !important; color: #b9803c;
    margin-top: 10px;
}

.menu_dropdown a {
    background-color: #1a1c1d !important; background-color: #1a1c1d;
}

.menu_item_dropdown a {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
}

div.menu_dropdown {
    border-radius: 7px;
    overflow: hidden;
}

div.menu_dropdown a:hover {
    filter: invert(1);
}

[src="/images/button_down.svg"] {
    filter: drop-shadow(0px 0px 3px white);
}

[src="/images/notify.svg"] {
    width: 25px;
    filter: invert(1) drop-shadow(0px 0px 3px white);
    opacity: 0.8;
}

h2.card-title a {
    transition: 0.4s;
}

h2.card-title a:hover {
    padding-left: 20px;
    transition: 0.4s;
    color: #b9803c !important; color: #b9803c;
    text-shadow: 0 0 4px #b9803c;
}

.modal-content {
    background: url(https://beon.vip/uploads_image/c6/c4/c6c400e0d534a98324367227a6e45728.gif) no-repeat;
    background-size: cover;
    filter: grayscale(0.6);
    box-shadow: inset 0 0 20px 8px #000000;
    color: #8e91a9;
    background-color: #000000;
    background-blend-mode: luminosity;
}

h5.modal-title {
    color: #b9803c;
    font-family: 'fontd0b01fa97d4cb65c24547fae4b8ac17f';
}

.modal-content a,.noUpdates {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    color: #bd9672;
}

div#designs {
    left: 0;
    background: #161616;
    width: 125px;
    height: 18px !important; height: 18px;
    font-family: 'fontd0b01fa97d4cb65c24547fae4b8ac17f';
    font-size: 13px;
    text-shadow: 0 0 3px #ffffff66;
    color: #bdbdbd !important; color: #bdbdbd;
    padding-left: 5px;
}

/*МОБ*/

button.navbar-toggler {
    border: unset;
}

.navbar-light .navbar-toggler-icon {
    filter: brightness(0) invert(1) drop-shadow(0px 0px 2px white);
}

button.btn.btn-outline-success {
    background: transparent;
    text-transform: uppercase;
    color: gainsboro;
    text-shadow: 0 0 4px white;
}

div#mobile_photo img.photo {
    width: 70px;
    height: 70px;
    object-fit: none;
}

.additional_info.pl-3 {
    padding-left: 10px !important; padding-left: 10px;
}

.profile_comment_links {
    color: transparent;
}
.profile_comment_links a {
    text-transform: uppercase;
    font-size: 11px;
    color: #bfbfbf;
}

.profile_comment_date {
    color: #c7c7c7 !important;
    color: #c7c7c7;
    letter-spacing: 1px;
    margin-top: 5px !important;
    margin-top: 5px;
    padding-right: 15px !important; padding-right: 15px;
}

.content .post_container .post_text iframe {
    max-width: 80%;
    height: 400px !important;
}

.post_container .post_text img {
    max-width: 80%;
    max-height: 600px;
}

table.body {
    width: 100%;
}

[src="/images/verify.png"] {
    filter: grayscale(1) drop-shadow(0px 0px 1px white);
    width: 14px;
}

blockquote.blockquote {
    border-left: 2px solid;
    font-style: italic;
    font-size: 12px;
    padding: 0px;
    padding-left: 8px;
    color: #b9803c !important; color: #b9803c;
}

a.page-link {
    background-color: #161616 !important; background-color: #161616;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 11px;
    color: #b9b9b9 !important; color: #b9b9b9;
    text-shadow: 0 0 2px #ffffffb3;
}

/*МЕДИА*/

@media (max-width: 1024px)  {

.post_image {
    max-width: 70px;
}
.post_image img {
    max-width: 70px;
    image-rendering: -webkit-optimize-contrast;
}

div#lefthome:before {
    content: 'МЕНЮ';
    display: block;
    width: 100%;
    background: #d8d8d8;
    text-align: center;
    font-size: 20px;
    color: #454545;
    border-radius: 8px;
    text-shadow: 0 0 2px #454545;
}

div#lefthome:hover {
    max-height: 100%;
}

div#lefthome {
    max-height: 30px;
    overflow: hidden;
}
.post {
    margin-bottom: 20px;
}

.seBlogComments [valign="top"] .button {
    padding: 0px !important; padding: 0px;
    padding-right: 20px !important; padding-right: 20px;
}
div#postcomment_form {
    width: 87%;
}

.content .post_container .post_text iframe {
    max-width: 100%;
    height: 300px !important; height: 300px;
}

.post_container .post_text img {
    max-width: 100%;
    max-height: 400px;
}
}

/*СКРОЛЛ*/

::-webkit-scrollbar {
    width: 9px;
}
::-webkit-scrollbar-thumb {
    background: #b7b7b7;
    border-radius: 5px;
}
::-webkit-scrollbar-track {
    background: #161616;
}