:root {
--x-accent: #C2FF15;
--accent: #D8FF6A;
--sans: 'Inter', Arial, sans-serif;
--serif: 'Source Serif Pro', Georgia, serif;
--120: #1d1e22;
--110: #222222;
--105: #2B22B2;
--100: #333333;
--95: #3C3C3C;
--90: #454545;
--85: #4F4F4F;
--80: #585858;
--75: #626262;
--70: #6C6C6C;
--65: #767676;
--60: #818181;
--55: #8B8B8B;
--50: #969696;
--45: #A0A0A0;
--40: #ABABAB;
--35: #B6B6B6;
--30: #C1C1C1;
--25: #CDCDCD;
--20: #D8D8D8;
--15: #E3E3E3;
--10: #EFEFEF;
--0: #F7F7F7;
}
abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
line-height: 0;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none;
}
img {
max-width: 100%;
}
html {
box-sizing: border-box;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
*,
:after,
:before {
box-sizing: inherit;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
a.post-card-link, a.post-card-link:hover {border: none;}
@media (max-width: 500px) {
a.post-card-link:hover {x-display: none;}
}
b,
strong {
font-weight: 700;
}
h1 {
margin: 0.67em 0;
font-size: 2em;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
mark {
background-color: #fdffb6;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
color: inherit;
font: inherit;
}
button {
overflow: visible;
border: none;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input:focus {
outline: none;
}
input[type="checkbox"],
input[type="r1adio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
html {
overflow-y: scroll;
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
html {
overflow-x: hidden;
}
body {
color: #454545;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
font-size: 1.5rem;
line-height: 1.6em;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
text-rendering: optimizeLegibility;
x-background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga" on;
}
::-moz-selection {
text-shadow: none;
background: #cbeafb;
}
::selection {
text-shadow: none;
background: #cbeafb;
}
hr {
position: relative;
display: block;
width: 100%;
margin: 2.5em 0 3.5em;
padding: 0;
height: 1px;
border: 0;
border-top: 1px solid #c3c3c3;
width: 20%
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/** пост **/
/* менюшка */
.nav,
.site-head-left {
display: -webkit-box;
display: flex;
}
.nav {
align-items: center;
x-flex-wrap: wrap;
x-margin: 0 0 0 -12px;
x-padding: 0;
x-list-style: none;
}
.nav li a {color: var(--100); opacity: 1;}
.site-head {
position: relative;
z-index: 300;
margin-top: 50px;
font-size: 1.35rem;
}
.site-head li {
display: block;
margin: 0;
padding: 10px 12px;;
}
.site-head-left a,
.site-head-right a {
display: block;
margin: 0;
padding: 0;
color: #131313;
font-weight: normal;
x-border-bottom: 1px solid #a3a3a3;
opacity: 1;
}
.nav-current a,
.site-head a:hover {
text-decoration: none;
opacity: 1;
color: #6E1FE6;
}
.site-head-center {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
width: 100%;
}
.site-head-logo {
display: block;
}
.site-head-logo:hover {
text-decoration: none;
}
.site-head-logo img {
display: block;
width: auto;
height: 70px;
filter: grayscale(100%) brightness(0);
opacity: 1;
transition: 0.4s ease;
x-top: 80px; x-left: 0px;
x-position: absolute; z-index: 44;
margin-top: 40px;
}
.site-head-logo img:hover {filter: none; opacity: 1;}
@media (max-width: 960px){
.site-head-logo img {margin-top: 10px;}
}
@media (max-width: 700px){
.site-head-container{margin-top: 30px;}
.site-head-logo img {width: 60px; }
}
@media (max-width: 500px){
.site-head {padding: 0; margin-top: 0;}
.site-head-container{display: flex; flex-direction: row; margin-top: 0px;}
.site-head-logo{margin-top: 5px;}
.site-head li {padding: 0; padding-right: 10px; line-height: 2.2em;}
#home .site-head-logo img {height: 50px; top: 0; margin-top: 0; left: 0;}
.site-head-logo img{height: 50px; top: unset; left: unset; position: relative; margin-top: 0px;}
}
/* главная */
#primary {position: relative; x-top: 50px; x-left: 90px;
width: 80%;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 0; margin: 0;
list-style: none;
flex-wrap: wrap;}
@media (min-width: 1200px){
#primary {margin-left: 7px;}
}
#home{margin-top: 50px;}
#home #primary {margin-left: -41px;}
#primary li, #secondary li{padding: 0; line-height: normal; font-size: 11pt;}
#primary li a, #secondary li a {
x-color: #444;
border-bottom: 1px solid;
padding-bottom: 5px;
}
#primary li:hover, #secondary li:hover,
#primary li b, #secondary li b,
.in {background-color: var(--accent);}
@media (min-width: 1200px){
#primary .gh-search svg,
#secondary .gh-search svg {width: 30px; margin-top: 0px;}
}
#primary .ac {background-color: var(--accent); font-weight: 800;}
#primary .se,
#secondary .se {position: relative; top: -25px; left: 5px;
-webkit-animation:se .5s cubic-bezier(.25,.46,.45,.94) both;
animation:se .5s cubic-bezier(.25,.46,.45,.94) both;}
@media (max-width: 960px){
#primary {justify-content: flex-start; padding-left: 30px;}
#primary li {font-size: 1.4rem;
margin-right: 45px;
line-height: 2.5;}
}
@media (max-width: 640px){
#primary li {font-size: 1.3rem; margin-right: 35px;}
}
@media (max-width: 700px){
#primary li {margin-right: 35px;}
}
@media (max-width: 500px){
#primary {
top: unset;
left: unset;
position: relative;
padding: 0;
justify-content: flex-start;
padding-left: 20px;}
#primary li{font-size: 1.2rem; line-height: 2.5; margin-right: 20px; padding-bottom: 0px;}
#primary .se,
#secondary .se{display: none;}
}
/* уголки в страницах */
#ov1, #ov2, #ov3, #ov4 {position: absolute; color: #888;}
#ov1 {left: -10px; margin-top: -10px;}
#ov2 {right: -10px; margin-top: -10px;}
#ov3 {left: -10px;}
#ov4 {right: -10px;}
@media (max-width: 500px){
#ov1, #ov3 {left: -20px;}
#ov2, #ov4 {right: -20px;}
}
/* заголовки */
.page-head-title {
margin: 0;
font-size: 4.2rem;
x-color: #131313;
width: fit-content;
}
.section{
margin-top: 20px;
margin-left: 0px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
}
.section .page-head-title {
margin: 0;
font-size: 80pt;
text-align: left;
x-color: #131313;
letter-spacing: -10px;
}
.section.page-head {
padding: 0;
margin-top: 130px;
justify-content: flex-start;
width: 100%;
z-index: -1;
max-width: 100%;
position: relative;
margin-bottom: -5px;
}
.page-head-description {
margin: -20px 0;
x-color: #222;
font-size: 5.2rem;
letter-spacing: -8px;
font-weight: 200;
line-height: 1.35em;
}
@media (max-width: 500px) {
.section{margin: 50px 0 20px 0;}
p.page-head-description {
font-size: 32pt;
margin: -30px 0 1.6vw;
letter-spacing: -6px;
x-margin-left: -30px;
}
}
header.section small {
position: absolute;
top: 10px;
margin-left: 120px;
text-decoration: none;
font-size: 8pt;
}
#jd{display: flex;}
#jd h1 {width: max-content;}
#jd p.page-head-description{margin-top: -40px;}
/** материалы **/
/* переключатель */
#switch {display: flex;
x-width: 74px;
margin-right: 10px;
position: relative;
x-top: -60px;
margin-left: 10px;
}
#switch .pics, #switch .list{x-background: #EFEFEF; cursor: pointer;}
#switch .pics,
#switch .list{padding: 3px;}
#switch .se{background: var(--accent); cursor: default;}
@media (max-width: 500px){
#switch .pics,
#switch .list{padding: 0;}
}
/* материалы списком */
.post-feed.lst {display: block;}
.post-feed.lst .post-card{
background-image: none !important;
width: unset; height: unset;
display: block;
overflow: unset;}
.post-feed.lst .post-card-content{
opacity: 1 !important;
display: block;
position: relative;}
.post-feed.lst .post-card-content{x-color: #222; background: unset;}
ul#lst, .post-feed.lst {
column-gap: 40px;
column-width: 231px;
column-rule-width: 1px;
margin-top: -1vw;
break-inside: avoid-column;
x-column-rule-color: #ddd;
column-rule-style: double;
x-background-color: #fafafa;
padding-top: 20px;
}
ul#lst big,
.post-feed.lst .post-card-title {padding: 5px 0; font-size: 1.5rem;}
.post-feed.lst .post-card-title {
text-align: left;
font-weight: 400;
line-height: 1.8;
border-bottom: 1px solid var(--85);}
.post-feed.lst a:hover{background: none;}
.post-feed.lst h2{display: inline;}
.post-feed.lst article a{padding-top: 4px;}
.post-feed article i,
.post-feed.lst article i {
border: 1px solid;
font-family: 'Inter';
font-size: 8pt;
border-radius: 4px;
font-weight: 400;
padding: 1px 5px;
font-style: normal;
margin-top: 4px;
display: inline-block;
line-height: 1.1;
letter-spacing: 0px;
}
.post-feed.lst article i{
margin-left: 10px;
display: inline;
padding: 1px 4px;}
ul#lst a:hover big,
ul#lst li:hover small,
.post-feed.lst article:hover h2,
.post-feed.lst article:hover a {background-color: var(--accent);
x-color: #444;
x-padding: 5px 5px 6px 5px;
border-bottom: 0;}
ul#lst li,
.post-feed.lst article {list-style: none;
margin-bottom: 15px;
line-height: 1.7;
margin: 0 0 35px 0;
break-inside: avoid-column;
}
ul#lst small {
display: block;
margin: 0;
padding: 10px 0;
font-size: 7pt;
width: fit-content;
x-color: #a6a6a6;
x-index: 2;
x-position: relative;
}
@media (max-width: 500px){
ul#lst{padding: 0;}
ul#lst big{font-size: 1.53rem}
ul#lst li{margin-bottom: 35px;}
ul#lst small{padding: 5px 0;}
ul#lst, .post-feed.lst{
column-width: auto;
display: block;
width: unset;}
.post-feed.lst article{margin-bottom: 25px; font-size: 1.3rem;}
.post-feed article i{font-size: 1rem; padding: 0px 4px;}
}
ul#lst li a,
ul#lst a big,
#secondary ul li a,
#ghost-search-results a {color: #131313;
border-bottom: 1px solid;
transition: 0.2s ease;
padding-bottom: 3px;
padding-top: 5px;
}
ul#lst li big{transition: none;}
/* заголовок на главной */
#home .site-head-logo img{height: calc(10vw + 2px); top: 0px;}
#home .site-head-logo img:hover{filter: none;}
#home .page-head{
padding: 0;
max-width: 80%;
margin: 10px 0 0px 0;
text-align: left;
justify-content: flex-start;
}
#home h1.page-head-title {
font-size: 80pt;
text-align: left;
margin: 0;
letter-spacing: -9px;
padding: 0;
line-height: 0.78;
}
#home h4 {
x-font-family: 'Inter';
font-weight: 300;
letter-spacing: -2.6px;
line-height: 1.2;
font-size: 30pt;
width: 78%;
padding: 0;
color: #222;
margin: 30px 0 60px 100px;
}
#home h4 a{
color: #222;
text-decoration: none;
transition: all .2s;
border-bottom: 2px solid #222;}
#home h6{
text-align: right;
font-weight: 300;
display: block;
width: 81%;
font-size: 13pt;
margin: 8px 0;
letter-spacing: -0.8px;
}
#home a:hover {
background-color: var(--accent);
border-bottom-color: var(--accent);}
#home .site-head-logo img {margin-top: 70px; top: unset; left: unset;}
#home a.site-head-logo:hover {background-color: unset; border-color: unset;}
#home .page-head{flex-direction: column; max-width: 90%;align-items: flex-start;}
#home small{margin-left: 90px;
width: 250px;
x-color: #222;
font-size: 11pt;
line-height: 0.5;
margin-top: 15px;
}
@media (min-width: 1200px){
html[lang="ru"] #home small {margin-bottom: 10px;}
html[lang="en"] #home small {margin-bottom: 20px; width: 290px;}
}
#home #switch{
display: inline-flex;
vertical-align: middle;
margin: 0;
top: unset;}
#home #switch .pics,
#home #switch .list{height: 40px}
#home #switch svg{vertical-align: top;}
#home small img{width: 24px; height: auto; border-radius: 40px;}
#home #switch .pics,
#home #switch .list {padding: 8px;}
#home .page-head-description{display: contents;}
#home .page-head-description {
display: inline-block;
margin-top: -55px;
position: absolute;
font-size: 45pt;
letter-spacing: -9.8px;
margin-left: -60px;
}
#home ul#lst small{padding: 7px 0px; width: 45px; height: 5px;}
#home ul#lst a{transition: all 0;}
/**/
#home small {
margin-left: 95px;
width: 250px;
x-color: #222;
font-size: 11pt;
line-height: 0.5;
margin-top: 25px;
}
#home .page-head-description {
display: inline-block;
margin-top: 0;
position: absolute;
font-size: 125pt;
letter-spacing: -21px;
/* margin-left: -60px; */
}
#hh{
}
#home h1.page-head-title {
font-weight: 800;
font-size: 85pt;
line-height: 0.76;
margin-top: -10px;
letter-spacing: -10.5px;
margin-right: 40px;
x-width: 800px;
}
#home h1.page-head-title b {display: inline-block;}
@media (min-width: 1200px){
html[lang="ru"] #home h1.page-head-title b {text-indent: -35px;}
html[lang="en"] #home h1.page-head-title b {text-indent: -45px;}
}
#oi {
font-size: 14pt;
letter-spacing: 0;
width: 494px;
font-weight: 400;
display: inline-block;
vertical-align: top;
text-indent: 0;
line-height: 1.5;
x-top: 415px;
x-left: 415px;
position: relative;
margin-top: -50px;
margin-left: 390px;
display: block;
width: 550px;
}
#oi a{x-color: #222; border-bottom: 1px solid; text-decoration: none; transition: all .2s;}
#home .plural {position: relative;
font-size: 125pt;
font-weight: 100;
x-top: 233px;
x-position: absolute;
x-left: 790px;
width: fit-content;
line-height: 1;
padding-right: 25px;
display: flex;
flex-direction: row;
align-items: flex-start;
letter-spacing: -30px;}
#home .plural s{font-weight: 400;
letter-spacing: 0;
font-size: 1.4rem;
display: block;
text-decoration: none;
margin-left: 20px;
margin-top: 20px;}
#sw{display: flex;
flex-direction: column;
margin-left: -60px;
margin-top: 40px;
x-position: absolute;
x-top: 275px;
x-left: 1035px;}
#sw p {margin-bottom: 14px;
margin-top: 24px;
padding: 0;
grid-column: 4;
font-size: 10pt;}
#ht,
#hr {display: flex;}
#kk{display: flex;}
html[lang="en"] #kk .pcs{width: 70px;}
html[lang="ru"] #kk .pcs{width: 100px;}
#kk b {font-size: 10pt; font-weight: 400; line-height: 1; letter-spacing: -0.5px;}
#home #switch {grid-column: 4; grid-row: 2;}
#home #switch div {width: 56px; height: 56px !important;}
#oi a[data-ghost-search]{padding-bottom: 0px; border-bottom: 1px dashed; cursor: pointer;}
#oi a[data-ghost-search]:hover{border: none;}
#kk b {
font-size: 10pt;
font-weight: 400;
line-height: 1;
width: 105px;
letter-spacing: -0.5px;
}
@media (max-width: 500px){
#home{margin-top: 0;}
#home.page-head{margin-bottom: 0;}
#home .site-head{margin-top: 0;}
#home small{
margin: 0px 0 4px 0;
font-size: 1.2rem;
letter-spacing: -0.1px;
}
#home h1.page-head-title {
font-size: 4.3rem;
letter-spacing: -3.3px;
margin: 0;
padding: 0;
text-indent: -15px;
display: block;
width: 100%;
line-height: 0.8;
}
#home #oi{font-size: 1.3rem;
width: 100%;
line-height: 1.6;
margin: 20px 0 0 0;
display: none;}
#home .plural{ font-size: 2rem;
letter-spacing: 0;
font-weight: 400;}
}
@media (mzax-width: 1220px){
#home .plural {x-top: 210px; x-left: 690px; font-size: 105pt;}
#home small{margin-top: -5px;}
#home h1.page-head-title {font-size: 70pt; letter-spacing: -7px;}
#sw {x-left: 925px; x-top: 265px;}
#home #oi{x-top: 360px; x-left: 355px; font-size: 12pt;}
}
@media (mzx-width: 1100px){
.page-head{height: 430px;}
#home #oi {top: 410px; left: 115px;}
#home .plural{flex-direction: column; x-top: 210px; x-left: 725px; font-size: 95pt;}
#home .plural s{margin-top: 0px;}
#sw {x-left: 745px;x-top: 365px;}
}
@media (mazx-width: 820px){
#home .site-head-logo img{x-top: 20px; x-left: 0; margin-top: 34px;}
#home h1.page-head-title b {text-indent: -25px;}
#home h1.page-head-title {font-size: 55pt; letter-spacing: -5.5px; width: 550px;}
#home .plural {x-top: 180px; x-left: 545px; font-size: 74pt; letter-spacing: -15px;}
#home #oi {x-width: 444px; x-top: 380px; left: 0px;}
#home #switch{margin-left: 0; margin-top: 10px;}
}
@media (min-width: 1400px){
#home h1.page-head-title{font-size: 80pt;}
#home .page-head{max-width: 1200px;}
}
@media (max-width: 1400px){
#home h1.page-head-title{font-size: 70pt; width: 100%;}
#home h6 {width: 830px;}
#home h4{font-size: 27pt;}
}
@media (max-width: 1330px){
#home .plural {font-size: calc(12vw + 4px); letter-spacing: calc(-2.4vw + 4px);}
#sw{x-left: 1015px; x-top: 275px;}
#home h1.page-head-title{font-size: calc(7vw + 4px); letter-spacing: calc(-1vw + 4px);}
}
@media (max-width: 1200px){
#oi {font-size: calc(1.1vw + 5px);}
}
@media (max-width: 1200px){
#home h1.page-head-title {font-size: 60pt; letter-spacing: -7px;}
#home h4{letter-spacing: -1.9px;
font-size: 23pt;
line-height: 1.4;
width: 85%;
margin: 30px 0 50px 70px;}
#home h4 a{border-bottom: 1px solid #22222278;
padding-bottom: 3px;}
#home h6 {width: 722px;}
}
@media (max-width: 1100px){
#home h1.page-head-title{width: 110%;}
}
@media (max-width: 960px){
#home h1.page-head-title {width: 100%;}
#home p.page-head-description{
margin-top: 20px;
margin-left: -10px;
font-size: 5.5rem;
letter-spacing: -9px;}
#home #switch{margin-left: 65px; margin-top: 35px;}
#home h4{margin: 30px 0 40px;}
#home h6{font-size: 13pt; margin: -8px 110px 0; text-align: left;}
}
@media (max-width: 960px){
.section.page-head{margin-bottom: -35px; max-width: 100%; width: 100%;}
.page1-head.section h1{font-size: 80pt; letter-spacing: -8.5px;}
p.page-head-description{font-size: 7.2rem; letter-spacing: -14px; margin-top: -50px;}
#home h1.page-head-title {font-size: calc(8vw + 4px); letter-spacing: calc(-1.2vw + 4px);}
#home h4 {
font-size: 22pt;
margin-left: 0;
letter-spacing: -2px;
width: 100%;
line-height: 1.4;
}
#home .site-head-logo img {margin-top: 4px; height: 84px;}
#home h1.page-head-title b {text-indent: -25px;}
#home #primary {margin-left: -15px;}
#home .page-head{margin: 0;}
#home #oi{width: 440px;}
#hr{flex-direction: column;}
#home .plural,
#home #switch,
#home #sw,
#home #kk {margin: 0;}
}
@media (max-width: 640px){
#home .site-head-logo img {height: 55px;}
#home h1.page-head-title b {text-indent: -30px;}
#home #oi {width: 335px; x-top: 360px; x-left: 0px;}
#home h1.page-head-title {font-size: 57pt; letter-spacing: -6px; width: 470px;}
#home .plural {x-top: 300px; x-left: 385px; font-size: 65pt; letter-spacing: -15px;}
#sw {x-left: 405px; x-top: 405px;}
#home small {margin-top: -30px; margin-left: 89px; width: 230px; margin-bottom: 15px;}
}
@media (max-width: 480px){
#home #primary{margin-left: 0;}
#home #primary li{line-height: 1.5;}
#home .page-head{margin-top: 65px;}
#home h1.page-head-title b {text-indent: 0px;}
#home h1.page-head-title {
font-size: 4.5rem;
letter-spacing: -4px;
width: unset;}
#ht, #hr{flex-direction: column;}
#kk{display: none;}
#hr{margin-left: 160px; width: 160px; margin-top: -30px;}
#home .plural{font-size: 5.5rem; letter-spacing: -7px; font-weight: 100;}
#home .plural s{margin-left: 5px; margin-top: 10px; font-size: 1.2rem;}
html[lang="en"] #home h1.page-head-title{width: 300px;}
html[lang="en"] #hr {margin-left: 130px}
#home .site-head-logo img{height: 66px; top: 0; margin-top: 0;}
#home h4 {
font-size: 2.2rem;
letter-spacing: -1px;
margin: 0;
line-height: 1.4;
width: 100%;
}
#home p.page-head-description {
font-size: 4rem;
letter-spacing: -5px;
margin-left: -3px;
margin-top: -3px;
}
#home .post-feed{margin-top: 30px;}
#home small {margin-left: 23px;
width: 220px;
font-size: 1.3rem;
line-height: 0.2;
margin-bottom: 8px;}
#home h6{font-size: 1.6rem;
margin: 9px 0px 20px 0;
opacity: .6;}
#home #switch{
display: flex;
margin: 0;
top: unset;
left: unset;
position: relative;
width: 80px;
}
#home #switch .pics, #home #switch .list{padding-top: 2px;}
#home #switch .list{padding-left: 3px;}
#home #switch div {width: 46px; height: 44px !important;}
#switch .list {padding: 0px;}
}
@media (max-width: 500px) {
#jd{
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-direction: row-reverse;
}
.section.page-head {
flex-wrap: wrap;
margin-bottom: 0;
margin-top: 90px;
flex-direction: column-reverse;
}
.page-head.section h1 {
font-size: 31pt;
letter-spacing: -4px;
display: inline;
line-height: 0.7;
width: auto;
}
#jd p.page-head-description{margin-top: -24px;
font-size: 3.3rem;}
#jd small{display: none;}
.page-head {justify-content: flex-start;
max-width: 100%;
padding: 1vw 0 5vw 0; }
.section .page-head-title {
font-size: 3.7rem;
letter-spacing: -4px;}
.section .page-head-description {
font-size: 2.7rem;
letter-spacing: -4.5px;
margin-top: -10px;}
}
/* карточки */
h2.post-card-title {letter-spacing: -0.3px;}
.post-feed, .inner-post-feed{
flex-wrap: wrap;
}
.inner-post-feed{
flex: none;
padding-bottom: 55px;
}
.post-card,
.post-feed,
.inner-post-feed {
display: -webkit-box;
display: flex;
x-background-color: #fff;
x-padding: 0 60px;
}
.post-card,
.post-card video {
-webkit-box-flex: 1;
flex: 0 0 13.98%;
position: relative;
height: 13.1vw;
width: 13.1vw;
background: 50%;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
counter-increment: posts;
}
.inner-post-feed .post-card {
flex: 0 0 10%;
height: 9.19vw;
width: 9.19vw;
}
@media (max-width: 1440px) {
.inner-post-feed .post-card {
flex: 0 0 14%;
height: 14.19vw;
width: 14.19vw;
}
}
@media (max-width: 1600px) {
.post-card,
.post-card video {flex: 0 0 16.66%;
height: 15.1vw;
width: 15.1vw;}
}
@media (max-width: 1450px) {
.post-card,
.post-card video {flex: 0 0 20%;
height: 17.69vw;
width: 17.69vw;}
}
@media (max-width: 1130px) {
.inner-post-feed .post-card {
flex: 0 0 16%;
height: 16.19vw;
width: 16.19vw;
}
}
@media (max-width: 1030px) {
.inner-post-feed .post-card {
flex: 0 0 19%;
height: 17.69vw;
width: 17.69vw;
}
}
@media (max-width: 870px) {
.inner-post-feed .post-card {
flex: 0 0 25%;
height: 25.19vw;
width: 25.19vw;
}
}
/* плитки на планшетах */
@media (min-width: 800px) and (max-width: 870px) {
.post-card,
.post-card video {flex: 0 0 25%;
height: 22.49vw;
width: 22.49vw;}
}
.inner-post-feed .post-card-title {
font-size: 1.3rem;
line-height: 1.16;
}
#site-main .post-template .post-card-title h2 {letter-spacing: 0;}
@media (max-width: 700px) {
.post-card,
.post-card video {
-webkit-box-flex: 1;
flex: 0 0 33.33%;
height: 33.3vw;
width: 33.3vw;
}
.post-feed {
width: 100vw;
padding-bottom: 25px;
transform: translateX(calc(45vw - 50%));
}
.inner-post-feed .post-card {
flex: 0 0 20%;
height: 19.19vw;
width: 19.19vw;
}
}
.post-card-large {
x-webkit-box-flex: 1;
x-flex: 1 1 100%;
}
.post-card-link {
-webkit-box-flex: 1;
flex: 1 1 auto;
display: block;
}
.post-card-content {
-webkit-box-flex: 1;
flex: 1 1 auto;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #fff;
background: var(--accent);
opacity: 1;
-webkit-transition: opacity 0.5s cubic-bezier(0.33, 0, 0.2, 1);
transition: opacity 0.5s cubic-bezier(0.33, 0, 0.2, 1);
}
.post-card.with-image .post-card-content {
opacity: 0;
}
@media (max-width: 700px) {
.post-card.with-image .post-card-content {
opacity: 0;
}
.post-card-content {
x-background: rgba(20, 10, 50, 0.5);
}
}
.post-card-link:hover .post-card-content {
opacity: 1;
-webkit-transition: opacity 0.3s cubic-bezier(0.33, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.33, 0, 0.2, 1);
}
.post-card-title {
margin: 0;
display: inline-block;
font-family: var(--sans);
font-size: 1.46rem;
font-weight: 600;
line-height: 1.2;
max-width: 70%;
text-align: center;
-webkit-transition: all 0.3s cubic-bezier(0.33, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0.33, 0, 0.2, 1);
}
@media (max-width: 700px) {
.post-card-title {
font-size: 1.1rem;
line-height: 1;
max-width: 90%;
}
}
.post-content {
max-width: 900px;
x-padding-right: 50px;
margin-top: 50px;
x-margin: 0 auto;
x-padding: 6vw 0 6vw 6vw;
x-padding-left: 60px;
x-margin-left: 230px;
x-background: white;
z-index: 999;
position: relative;
}
@media (max-width: 1200px){
.post-content {max-width: 900px;}
}
.post-content-header {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: left;
align-items: left;
}
/* декор под меню */
/* заголовки */
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
line-height: 1.1;
font-weight: 700;
x-color: #111;
text-rendering: optimizeLegibility;
font-family: var(--sans);
}
/*
h1 {
margin: 0 0 0.5em;
font-size: 48pt;
line-height: .9;
font-weight: 700;
}
@media (max-width: 500px) {
h1 {
font-size: 3.4rem;
line-height: 1;
}
}
h2 {
x-margin: 2em 0 -0.5em;
font-size: 4rem;
x-text-align: center;
x-letter-spacing: -2px;
}
*/
h1 {
margin: 0 0 20px 0;
font-size: 44pt;
line-height: .9;
font-weight: 700;
letter-spacing: -4.5px;
}
@media(max-width: 1200px){
h1 {font-size: 5.2rem; letter-spacing: -4px; width: 90%;}
}
@media (max-width: 960px){
h1{font-size: 4.4rem;
letter-spacing: -3.5px;
line-height: .9;
margin-bottom: 10px;
width: 85%;}
}
@media (max-width: 500px) {
h1 {
font-size: 3rem;
letter-spacing: -2.2px;
margin-bottom: 5px;
width: 100%;
}
}
/*
h2 {
font-size: 4rem;
font-family: 'Inter', Arial, sans-serif;
}
@media (max-width: 500px) {
h2 {
font-size: 3rem;
letter-spacing: -1.7px;
}
}*/
h2 {
x-align: center;
line-height: 1;
font-size: 5rem;
padding-top: 10px;
letter-spacing: -1.5px;
x-width: 80%;
margin: 0;
color: #222;
}
@media (max-width: 500px){
h2 {
margin-bottom: 20px;
width: 100%;
padding: 0;
font-size: 3rem;
letter-spacing: -1.7px;}
}
/* автор и дата */
.author-card {
display: block;
margin: 0px 0 0 0;
width: 100%;
x-text-align: center;
}
.author-card p {margin-bottom: 0;}
.author-card + .post-content-body {margin-top: 2em;}
.arr, .plu {color: #222; margin: 0px 5px 0 5px;}
.plu {margin-top: -4px;}
@media (max-width: 500px) {
.author-card {margin: 2px auto 20px;}
.featured .author-card + .post-content-body h3:first-of-type {margin-top:0em;}
.featured .author-card {margin: 14px auto -10px;}
}
/* верхние теги */
/** обложка **/
.kg-image {
x-max-width: 100%;
x-width: auto;
height: auto;
display: block;
margin: 2.5em 0 0 0;
x-margin: 0 auto;
}
@media (max-width: 500px) {
.kg-image {margin: 0;}
}
.post-content-image .kg-image {margin: 0;}
@media (max-width: 1200px){
.post-content-image .kg-image {margin: 0; width: 650px;}
}
.post-content-image{margin: 20px 0 50px;}
/* уголок картинки поста */
.t {position: absolute; color: var(--10); margin-top: 0px; z-index: 8;
width: 16px; height: 16px;}
@media (max-width: 960px){
.post-content-image {width: 600px; margin: 20px 0 30px;}
}
@media (max-width: 700px){
.post-content-image{width: 485px;}
}
@media (max-width: 500px){
.t{width: 12px; height: 12px;}
}
/* текст */
p {
margin: 0 0 2.5em 0;
font-family: var(--sans);
x-font-size: 14pt;
font-size: 1.80rem;
x-letter-spacing: -0.2px;
line-height:2.0;
color: var(--100);
x-letter-spacing: -0.1px;
}
@media (max-width: 1400px){
.post-content-body p {
x-width: 800px;
font-size: 1.72rem;
line-height: 2;
width: 90%;}
}
@media (max-width: 1100px){
.post-content-body p {
x-width: 800px;
font-size: 1.64rem;
line-height: 2;
width: 90%;
}
}
p:last-child,
.post-content-body iframe[src*="soundcloud"]:last-child,
.kg-embed-card:last-child {margin-bottom: 0 !important;}
.kg-embed-card:last-child figcaption {margin-bottom: 0 !important}
@media (madx-width: 1400px){
.post-content{max-width: 850px;}
.post-content-body p {x-width: 800px;
font-size: 1.6rem;
line-height: 2;}
}
@media (max-width: 960px) {
.post-content{max-width: 100%;
margin-top: 30px;
padding-right: 0;}
.post-content-body p {font-size: 1.62rem; line-height: 1.9;
x-letter-spacing: .1px;
width: 83%;
x-width: unset;}
}
@media (max-width: 700px) {
.post-content-body p {font-size: 1.52rem;}
}
@media (max-width: 500px) {
.post-content-body p {
width: 100%;
margin: 0 0 1.8em;
x-font-family: 'Inter', Arial, serif;
font-size: 1.44rem;
line-height: 1.88;
letter-spacing: 0;
padding: 0;
x-padding: 0 10px 0 10px;
}
}
dd {
x-margin-left: 2rem;
position: absolute;
right: -220px;
font-family: var(--serif);
width: 200px;
line-height: 1.4;
font-size: 10.4pt;
}
dfn, em, i {
font-style: italic;
font-family: var(--serif);
font-size: 15.7pt;
line-height: 0.68;
font-weight: 400;
}
@media (max-width: 1400px){
dfn, em, i {font-size: 14.7pt;}
}
@media (max-width: 1100px){
dfn, em, i {font-size: 13.8pt;}
}
@media (max-width: 960px) {
dfn, em, i {font-size: 1.86rem;}
}
@media (max-width: 700px) {
dfn, em, i {font-size: 1.72rem;}
}
@media (max-width: 500px) {
dfn, em, i {font-size: 1.64rem;}
}
/* ссылки в тексте */
a {text-decoration: none;}
a:hover {text-deocration: underline;}
article a {
x-color: #222;
text-decoration: none;
border-bottom: 1px solid;
padding-bottom: 3px;
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
}
article a:hover {
x-text-decoration: underline;
color: #333;
background-color: var(--accent);
border-bottom-color: var(--accent);
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
x-padding-bottom: 2px;
}
/* цитата */
blockquote {
margin: 1.5em 0;
padding: 0 1.6em;
x-border-left: 0.5em solid #f8f8f8;
}
.post-content-body blockquote p {
margin: 0 0 2.5em;
font-family: var(--serif);
font-size: 19pt;
letter-spacing: -.2px;
padding: .2em 0px .2em 70px;
font-weight: 400;
color: #222;
line-height: 1.5;
x-width: 100%;
x-width: 900px;
}
.post-content-body blockquote i,
.post-content-body blockquote em{
font-size: 2.55rem;}
@media (max-width: 1200px){
.post-content-body blockquote p {font-size: 2.3rem;}
.post-content-body blockquote i,
.post-content-body blockquote em {
font-size: 2.32rem;}
}
.post-content-body blockquote:last-child {
margin: 0;
padding: 0 0 0 0px;
width: 820px;}
.post-content-body blockquote + blockquote {
padding: 0em 20px 3em 20px;
margin: 1.8em 0 0 0;
}
.post-content-body blockquote + p {
margin-top: 1.8em;
}
/*
blockquote + .kg-image-card {
margin-top: 60px;
margin-bottom: 70px;
}*/
.post-content-body blockquote p a {padding-bottom: 0;}
.post-content-excerpt {
x-margin: -2vw 0 3vw;
font-size: 10pt;
x-line-height: 1.6em;
color: #222;
x-text-align: center;
x-opacity: 0.5;
display: inline;
}
@media (max-width: 1200px){
.post-content-excerpt{font-size: 1.2rem;}
}
@media (max-width: 1400px){
.post-content-body blockquote {font-size: 17.7pt;
line-height: 1.6;}
}
@media (max-width: 960px){
.post-content-excerpt {font-size: 1.2rem;}
.post-content-body blockquote p {
font-size: 2.26rem;
padding: 0;
width: 78vw;
line-height: 1.4;
}
.post-content-body blockquote:last-child{width: unset; padding: 0 0 0 20px;}
.post-content-body blockquote i,
.post-content-body blockquote em {font-size: 2.32rem;}
.post-content-body blockquote,
.post-content-body blockquote + blockquote {
width: unset;
padding: 0.2em 0px 0em 40px;
line-height: 1.5;
margin: 0px 0 40px 0;
}
.post-content-body blockquote {font-size: 2.4rem; line-height: 1.6;}
}
@media (max-width: 700px) {
.post-content-body blockquote p{font-size: 2.06rem;}
}
@media (max-width: 500px) {
.post-content{margin-top: 40px;}
.post-content-body blockquote p,
.post-content-body blockquote:last-child {
font-size: 1.86rem;
line-height: 1.54;
padding: 4vw 0 1vw 0;
letter-spacing: -0.2px;
width: 100%;
}
.post-content-excerpt{opacity: .6; font-size: 1.1rem;}
.post-content {width: 100%; padding: 0vw 0 4vw 0;}
blockquote {padding: 1em 0 0 0;}
.post-content-body blockquote {padding: .2em 0 0 0;}
blockquote + .kg-image-card {
margin-top: 0px;
margin-bottom: 20px;
}
.post-content-body blockquote i,
.post-content-body blockquote em {
font-size: 1.91rem;
}
.post-content-body blockquote + blockquote{padding: 0; margin: -30px 0 0 0;}
}
/*
@media (max-width: 960px) {
.post-content {max-width: 660px; padding: 4vw 0 4vw 0; margin-top: 50px;}
.post-content-body blockquote {font-size: 2.4rem; line-height: 1.6;}
.post-content-body blockquote i, .post-content-body blockquote em {font-size: 2.72rem;}
.post-content-image {width: 70vw;}
}
@media (max-width: 1100px){
.post-content-body blockquote {width: 777px;}
}
@media (max-width: 500px) {
}
}
@media (max-width: 500px) {
}
.post-content-body blockquote p:last-child {
margin-bottom: 0;
}
*/
@media (max-width: 960px) {
}
@media (max-width: 500px) {
.post-content-body {
font-size: 1.7rem;
margin-top: 0px;
width: 100%;
}
}
/** картинки **/
/* обычная картинка */
.kg-card {margin: 65px 0;}
@media (max-width: 500px) {
.kg-card {margin: 35px 0;}
.featured .kg-card {margin: 0;}
}
@media (max-width: 960px) {
.kg-embed-card + tt {padding: 10px 0 20px;}
}
@media (max-width: 500px) {
.kg-width-full, .kg-width-wide {min-width: 100%;}
.kg-width-full {
width: 100vw;
margin: 3vw 0 3vw -19px;}
}
/* большие и просто на весь экран */
.kg-width-wide {
width: 75vw;
x-margin-left: -102px;
x-width: 100vw;
}
.kg-width-full,
.kg-width-wide {
x-margin-left: calc(50% - 50vw);
x-margin-right: calc(50% - 50vw);
min-width: 100%;
position: relative;
x-transform: translateX(calc(50vw - 50%));
}
.kg-width-full {
width: 75vw;
margin: 3vw 0 3vw 0vw;
transform: none;
}
.kg-width-full .kg-image,
.kg-width-wide .kg-image {
margin: 2.5em 0 0 0;
}
@media (max-width: 960px) {
.kg-width-full, .kg-width-wide {
margin: 0 0 0 -20px; padding: 0 0 20px 0;
min-width: 113%;
-webkit-transform: translateX(calc(45vw - 50%));
transform: translateX(calc(45vw - 50%));
width: 100vw;
}
}
@media (max-width: 500px) {
.kg-width-full, .kg-width-wide {margin: 0;}
}
/* галерея */
#oc .kg-gallery-container {
-webkit-box-orient: vertical;
flex-direction: column;
position: relative;
x-width: fit-content;
max-width: 75vw;
min-width: 100%;
x-margin-left: calc(30% - 30vw);
x-margin-right: calc(30% - 30vw);
x-webkit-transform: translateX(calc(50vw - 50%));
x-transform: translateX(calc(50vw - 50%));
x-margin-left: -9vw;
}
#oc .kg-gallery-container,
#oc .kg-gallery-row {
display: -webkit-box;
align-items: flex-start;
display: flex;
-webkit-box-direction: normal;
}
#oc .kg-gallery-row {
-webkit-box-orient: horizontal;
flex-direction: row;
-webkit-box-pack: center;
justify-content: center;
}
#oc .kg-gallery-image img {
display: block;
margin: 0;
width: 100%;
height: 100%;
}
#oc .kg-gallery-row:not(:first-of-type) {
margin: 0;
}
#oc .kg-gallery-image:not(:first-of-type) {
margin: 0;
}
#oc .kg-gallery-card + .kg-gallery-card,
#oc .kg-gallery-card + .kg-image-card.kg-width-wide,
#oc .kg-image-card.kg-width-wide + .kg-gallery-card,
#oc .kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {
margin-top: calc(-7vw + 0.75em);
}
@media (max-width: 500px) {
.kg-gallery-row { flex-direction: column !important;}
.kg-gallery-image:not(:first-of-type),
.kg-gallery-row:not(:first-of-type) {margin: 0 !important;}
}
.kg-gallery-card {x-width: fit-content !important;}
/* кто */
.w svg {margin-top: -249px;}
.w img, .w svg {width: 120px; height: 120px;}
.w img {grid-column: 1;}
.w .i {width: 145px; height: 125px;}
.w tt {font-size: 2.7rem;
font-family: var(--sans);
padding: 0 20px;
font-weight: 800;
x-margin-top: -10px;
grid-column: 2;
grid-row: 2;
color: #333;
line-height: normal;
letter-spacing: -0.5px;}
.w {display: grid;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: start;
align-items: center;
x-margin-bottom: 2.5em;
padding: 30px 0 0 0;}
.w + p {margin-top: 2.5em;}
.w dt {display: block; width: 120px; height: 120px; margin-bottom: -120px; z-index: 1; position: relative;
background-image: url("data:image/svg+xml;utf8,");}
.w i {font-size: 1.5rem;
font-family: var(--sans);
x-font-style: normal;
grid-column: 2;
display: block;
font-style: normal;
color: #888;
grid-row: 2;
padding: 0px 20px;
letter-spacing: -.2px;
margin-top: 40px;}
@media (max-width: 1200px){
.w dt{width: 100px;
height: 100px;
background-size: 100px;
margin-bottom: -100px;}
.w img, .w svg {width: 100px; height: 100px;}
}
@media (max-width: 960px){
.w tt {font-size: 2.4rem;}
.w i {margin-top: 35px; font-size: 1.4rem;}
.w dt{width: 100px;
height: 100px;
margin-bottom: -100px;
background-size: 100px;}
.w img, .w svg {width: 100px; height: 100px;}
}
@media (max-width: 500px) {
.w svg {margin-top: -200px;}
.w dt {
width: 110px;
height: 110px;
margin: 0 auto -110px;
background-size: 110px;
grid-column: 1;
grid-row: 1;}
.w img, .w svg {height: 110px; width: 110px;
grid-row: 1;
margin: 0 auto;}
.w tt {font-size: 2.2rem;
margin-top: 10px;
width: auto;
text-align: center;}
.w i{margin-top: 5px; width: auto; text-align: center; font-size: 1.3rem;}
.w{flex-direction: column;
align-items: center;
margin: 2em 0 0.5em 0; display: flex;
padding: 0;}
}
/** фреймы **/
.kg-embed-card {
x-display: -webkit-box;
x-display: flex;
x-webkit-box-orient: vertical;
x-webkit-box-direction: normal;
x-flex-direction: column;
x-webkit-box-align: center;
x-align-items: center;
x-min-width: 100%;
width: 100%;
x-padding-bottom: 56.25%;
x-height: 0;
position: relative;
}
.kg-embed-card iframe {
x-position: absolute;
top: 0;
left: 0;
width: 100%;
height: 400px;
}
@media (max-width: 500px) {
.kg-embed-card {
width: 100%;
x-padding-bottom: 10px;
height: auto;
position: relative;}
.kg-embed-card + tt {
font-style: normal;
font-family: var(--sans);
margin: -20px auto 0;
padding: 0 7.5rem 20px;
width: 100%;
}
}
/* видео */
.post-content-body iframe {}
.post-content-body iframe[src*="youtube"] {height: 460px;}
.post-content-body iframe[src*="youtube"] + figcaption {margin-bottom: 60px !important;}
@media (min-width: 1000px){
.post-content-body .kg-card > iframe[src*="vimeo"]
{margin: -50px 0 0 0;}
}
@media (max-width: 500px){
.post-content-body iframe[src*="youtube"] {
height: 230px;}
.post-content-body iframe[src*="youtube"] + figcaption {margin-bottom: unset !important;}
}
.post-content-body .kg-embed-card iframe[src*="vimeo"]
{height: 45vw;}
.post-content-body .kg-embed-card iframe[src*="vimeo"] + figcaption{padding: 20px 0 0 0;}
.post-content-body .kg-embed-card:last-child iframe[src*="youtube"] + figcaption {margin-bottom: 0px !important;}
.post-content-body iframe[src*="vk"],
.post-content-body iframe[src*="rutube"] {
margin-bottom: 60px !important;
width: 100%;
height: unset;
background-image: url(/i/lo.webp);
background-repeat: no-repeat;
background-position: center;
background-size: 90px;
aspect-ratio: 16 / 9;}
.post-content-body iframe[src*="vk"] + figcaption {
margin: -60px 0 0 0;
/* padding: 0; */
}
@media (max-width: 960px){
.post-content-body iframe[src*="vk"],
.post-content-body iframe[src*="rutube"]{
width: 96%;
height: auto;
x-min-height: 375px;
}
}
@media (max-width: 500px){
.post-content-body .kg-embed-card iframe[src*="vimeo"]
{x-height: 65vw; }
.kg-embed-card iframe,
.post-content-body iframe[src*="vk"],
.post-content-body iframe[src*="rutube"] {
position: relative;
x-height: 60vw;
}
.post-content-body iframe,
.post-content-body iframe[src*="vk"],
.post-content-body iframe[src*="rutube"]{
width: 100vw; height: unset; m
padding: 0;
transform: translateX(calc(45vw - 50%));
}
}
.twov {
width: 100%;
margin-bottom: 50px;
}
#oc .twov div {display: flex; justify-content: space-between;}
#oc .twov iframe{width: 50%; margin-bottom: 0 !important;}
@media (max-width: 640px){
#oc .twov div {flex-direction: column;}
#oc .twov iframe{width: 100%;}
}
/* звук */
.post-content-body iframe.sc {margin-bottom: 60px !important;}
.post-content-body iframe[src*="soundcloud"],
.post-content-body iframe[src*="hearthis"],
.post-content-body iframe[src*="spotify"]
{margin-bottom: 60px !important;}
.post-content-body iframe[src*="hearthis"],
.post-content-body iframe[src*="spotify"]{box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
.post-content-body iframe[src*="yandex.ru"] {margin-bottom: 50px !important; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}
.post-content-body iframe:last-child[src*="yandex.ru"] {margin-bottom: 0 !important;}
@media(max-width: 500px){
.post-content-body iframe[src*="yandex.ru"],
.post-content-body iframe[src*="spotify"]{width: 100vw !important;}
}
/* последние */
.post-content-body iframe[src*="vk"]:last-child,
.post-content-body iframe[src*="spotify"]:last-child,
.post-content-body iframe[src*="soundcloud"]:last-child,
.post-content-body iframe[src*="hearthis"]:last-child,
.post-content-body iframe[src*="youtube"]:last-child {margin-bottom: 0 !important;}
/* подписи */
.kg-card figcaption span {display: block;}
.twov figcaption,
.kg-card figcaption,
.kg-card figcaption span,
.kg-card figcaption a {
font-size: 10.4pt;
line-height: 1.66em;
x-color: #a9a9a9;
width: 90%;
}
.kg-card figcaption a {display: inline; padding-bottom: 1px;}
.kg-card figcaption em,
.kg-card figcaption i,
.kg-card figcaption strong,
.kg-card figcaption b {font-weight: normal;}
.kg-card figcaption em {font-size: 12.4pt;}
@media (max-width: 500px){
.kg-card figcaption em {font-size: 10.4pt;}
}
@media (max-width: 960px){
.kg-card figcaption em {font-size: 11.4pt;}
}
/* подпись к широкоформатной картинке */
.kg-width-wide figcaption {
width: 60vw;
}
.kg-width-full figcaption {
padding-left: 0;
padding-right: 0;
width: 80%;
margin-left: 0vw;
text-align: left;
}
@media (max-width: 1200px){
.kg-card figcaption{font-size: 10.4pt;}
}
@media (max-width: 1100px){
.kg-card figcaption{font-size: 10pt;}
}
@media (max-width: 960px) {
.kg-card figcaption,
.kg-card figcaption span,
.kg-card figcaption a {
padding: 20px 0px;
font-size: 1.3rem;
line-height: 1.5;
width: 75%;
margin: 0;
text-align: left;
}
.k1g-width-full figcaption,
.k1g-width-wide figcaption {padding-left: 60px;}
.kg-card figcaption a{padding: 0 0 1px 0;}
}
@media (max-width: 500px) {
/* .kg-card figcaption,
.kg-embed-card figcaption{padding: 20px 0 0 0; line-height: 1.46;} */
/* .kg-width-full figcaption, .kg-width-wide figcaption{padding: 5vw 5vw;}*/
}
/* файлы */
#oc .kg-card.kg-file-card{margin: 0; padding: 0;}
#oc .kg-file-card-container {
display: flex;
flex-direction: row-reverse;
padding: 0;
margin: 0 0 -1px 0;
text-align: left;
text-decoration: none;
border: 0;
justify-content: flex-end;
width: fit-content;
}
#oc .kg-file-card-title{font-size: 16pt;
line-height: 1.7;
border-bottom: 1px solid #dadada;}
#oc .kg-file-card-contents{
padding: 10px 70px 10px 10px;
x-border-left: none !important;
x-border-radius: 0px 5px 5px 0px;
}
#oc .kg-file-card-icon {
padding: 15px 5px 0px 10px;
margin-right: -1px;
position: relative;
display: block;
width: unset; min-width: unset; height: unset;
}
#oc .kg-file-card-icon:before,
#oc .kg-file-card-filesize:before{display: none;}
#oc .kg-file-card-icon svg {width: 30px; height: 30px;}
#oc .kg-file-card-metadata {opacity: .5; margin-top: 5px; font-size: 10pt;}
#oc .kg-file-card-metadata div {display: block; padding: 10px 0;}
#oc .kg-file-card-contents,
#oc .kg-file-card-icon {x-border: 1px solid #ccc;}
#oc .kg-file-card-container:hover .kg-file-card-title,
#oc .kg-file-card-container:hover .kg-file-card-icon {border-color: var(--accent);}
#oc .kg-file-card-filename {}
@media (max-width: 500px){
#oc .kg-file-card-icon svg {width: 26px; height: 26px;}
#oc .kg-file-card-icon {padding: 10px 2px 10px 10px;}
#oc .kg-file-card-contents {padding: 10px 10px 10px 10px;}
#oc .kg-file-card-title {font-size: 1.4rem; line-height: 1.5; padding-bottom: 3px;}
#oc .kg-file-card-metadata {font-size: 1.1rem;}
#oc .kg-file-card-metadata div {display: block; padding: 8px 0;}
#oc .kg-file-card-filename {margin-top: 6px;}
#oc .kg-file-card-filesize {margin-top: 0px;}
}
/* нижние теги */
#oc {display: flex; flex-direction: row;}
.tags {width: 100%;
text-align: left;
margin: 50px auto 3vh;
z-display: flex;
z-flex-direction: column;
z-align-items: flex-start;
z-width: 100px;
z-position: absolute;
z-margin-top: -30px;
z-vertical-align: text-bottom;
z-right: 0px;
z-height: 150px;
z-justify-content: flex-end;
}
.htags {display: flex; margin-top: 1px;}
#oc .tags {display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
margin-bottom: 0px;
margin-left: 30px;
width: 200px;}
@media (max-width: 1200px){
#oc {flex-direction: column;}
#oc .tags{margin-left: 0px;
flex-direction: row;
align-items: flex-start;
width: 100%;
justify-content: flex-start;}
.htags a, #oc .tags a {margin-right: 6px;}
}
.htags a, #oc .tags a {border: 1px solid #2222222b;
font-size: 10pt;
display: inline-block;
padding: 5px 7px 7px 7px;
margin-bottom: 6px;
x-border-right: 0;
line-height: .9;
color: #2222229e;
border-radius: 4px;
transition: all .2s;}
@media (max-width: 1200px){
.htags a, #oc .tags a{
font-size: 1.2rem;
padding-bottom: 6px;
padding-top: 6px;}
}
@media (max-width: 960px){
#oc .tags{flex-direction: row;
margin: 40px 0 0 0;
width: 100%;
justify-content: flex-start;
}
#oc .tags a{margin-right: 5px;}
.htags a, #oc .tags {font-size: 1.2rem;
padding-bottom: 6px;}
}
@media (max-width: 700px){
#oc .tags a{margin-right: 10px;}
}
#oc .tags a:last-child {margin-bottom: 0;}
#oc .tags a:hover, .htags a:hover {color: #444;
border-color: var(--accent);
background: var(--accent);
}
.htags a {margin-right: 8px;}
.tags a + svg line {transition: 0.4s ease;}
.tags a + svg circle{transition: 0.4s ease;}
.tago {color: #222;}
.tags a:hover {border: 1px solid #6E1FE6; border-right: 0; color: #6E1FE6;}
.tags a:hover + svg line {stroke: #6E1FE6; x-transition: 0.4s ease;}
.tags a:hover + svg circle {stroke: #6E1FE6; x-transition: 0.4s ease;}
.tags svg {margin: -3px 10px -1px -2px;}
.tags svg:last-child {margin-right: 0;}
@media (max-width: 500px) {
.tags {width: 100%; margin-top: 10px;}
.tags a {font-size: 1.4rem; padding: 1px 7px 1px 7px;}
.htags {display: none;}
#oc .tags a{font-size: 1.1rem; margin-right: 5px; padding-bottom: 5px;}
#oc .tags{flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 20px;
flex-wrap: wrap;
margin-bottom: 20px;
}
#oc {flex-direction: column;}
.site-head-open .site-head-logo img
{opacity: 1; filter: none;}
}
/* шильд */
#sch{width: 900px;}
#sch svg{margin: 70px auto; display: block;}
@media (max-width: 1200px){
#sch{width: 90%;}
}
@media(max-width: 960px){
#sch svg{width: 30px; height: 30px;}
}
@media (max-width: 700px){
#sch{width: 93%;}
#sch svg{margin: 40px auto; width: 30px; height: 30px;}
}
@media (max-width: 500px){
#sch{width: 100%;}
#sch svg{margin: 20px auto; width: 22px;}
}
/* предыдущий и следующий пост */
#prxt{display: flex; margin-top: 80px; padding-bottom: 100px;}
.prev, .next {
width: 450px;
padding: 9px 10px;
text-align: right;
}
#prxt a {border: 1px solid #d6d6d6; transition: all .2s; border-radius: 3px;}
#prxt a:last-child {margin-left: -1px;}
#prxt a:hover {border-color: var(--accent); background: var(--accent);}
.prev {border-right: 0; text-align: left;}
.prev svg {transform: rotate(-180deg); }
#prxt svg {color: #333; margin-top: 4px;}
.prev cat, .next cat {font-size: 12pt; color: #333; padding-right: 6px;}
.prev svg, .next svg{
border-left: 1px solid;
height: 20px;
width: 22px;
transition: all .2s;
padding-left: 7px;
}
.next {margin-left: -1px;}
.prev, .next{display: flex;}
.prev cat{padding-left: 8px;}
.next cat{padding-right: 8px;}
.prev:hover svg, .next:hover svg{border-left-color: #999;}
#prxt cat {display: inline-block; width: 100%; line-height: 1.3; padding: 4px 8px;}
#prxt a.stop:hover {background: unset;}
a.stop .prev svg,
a.stop .next svg{
transform: rotate(-90deg);
border: none;
border-bottom: 1px solid #d6d6d6;}
a.stop .next svg{
border-top: 1px solid #d6d6d6;}
@media (max-width: 1200px){
.prev cat, .next cat{font-size: 11pt;}
}
@media (max-width: 960px){
#prxt svg {margin-top: 5px;}
.prev svg, .next svg{height: 19px;}
.prev cat, .next cat {font-size: 1.4rem;}
.prev, .next {width: 325px;}
#prxt{margin: 80px 0; padding-bottom: 0;}
}
@media (max-width: 700px){
.prev, .next {width: 275px;}
#prxt{margin: 60px 0 0; padding-bottom: 0px;}
}
@media (max-width: 500px){
#prxt{margin: 60px 0 0; padding-bottom: 0px;}
#prxt a{width: 50%;}
.prev, .next {width: unset;}
.prev cat {padding-left: 8px;}
.prev cat, .next cat {font-size: 1.2rem; line-height: 1.3;}
#prxt svg {margin-top: 4px;}
#prxt .prev{flex-direction: column;}
#prxt .next{flex-direction: column-reverse; align-items: flex-end;}
#prxt .prev svg, #prxt .next svg{height: 13px; width: 18px;}
}
.ghost-display {background: red;}
.sk strong {
transform: rotate(-90deg);
display: block;
width: 150px;
line-height: 0.8;
font-weight: 900;
font-size: 10pt;
letter-spacing: -1.3px;
color: var(--100);
}
dl {
x-font-size: 343pt;
font-size: 303pt;
font-weight: 800;
color: var(--100);
line-height: 2;
/* left: 44px; */
x-clip: rect(249px, 231px, 550px, 0px);
clip: rect(190px, 310px, 550px, 0px);
/* overflow: hidden; */
position: absolute;
left: 50px;
top: -409px;
letter-spacing: -75px;
}
/* донатить */
#dt {margin-top: 111px; width: 720px;}
@media (max-width: 500px){
#dt{margin-top: 70px;}
}
#dt form{
justify-content: flex-start;
align-items: center;
flex-direction: row;
x-padding: 14px 24px;
border-radius: 14px;
flex-wrap: wrap;
margin-left: 100px;
margin-top: 0px;}
#dt input[type=radio]{
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background-clip: content-box;
border: 1px solid #22222270;
background-color: var(--accent);
margin-right: 6px;
transition: all .2s;
cursor: pointer;
position: relative;
top: 2px;
}
#dt input[type="radio"]:checked {
background-color: #222;
padding: 4px;
border: 2px solid #222;
}
#dt label, #ge label{font-size: 16pt;
color: #222;
font-weight: 400;
margin-right: 20px;
cursor: pointer;
width: auto;
}
#gy label{margin-right: 40px;}
#gy label:last-child{margin-right: 0;}
#dt input[type="number"]{
background: unset;
border: none;
border-bottom: 1px solid #222;
font-size: 20pt;
color: #222;
transition: all .2s;
width: 100px;
margin-right: 10px;
}
#dt input[type="number"]:focus::placeholder{color: transparent;}
#dt h2 {
width: 300px;
position: absolute;
margin-left: 140px;
line-height: 0.8;
margin-top: -90px;
}
#gy {
background-color: var(--accent);
display: flex;
padding: 20px 24px 14px 24px;
justify-content: center;
border-radius: 14px 14px 0 0;
}
#ge{background-color: #f1f1f1;
background-repeat: no-repeat;
background-position: 0 100%, 100% 100%;
padding: 17px 24px 45px 24px;
opacity: 1;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background-image: url('data:image/svg+xml;utf8,'),
url('data:image/svg+xml;utf8, ');}
#ge input[type="submit"] {
font-size: 22px;
color: #222;
border: 1px solid #222;
box-shadow: none;
padding: 5px 20px;
height: auto;
border-radius: 15px;
}
#ge input[type="submit"]:hover {
background-color: #6E1FE6;
border-color: #6E1FE6;
color: white;
}
@media (max-width: 960px){
#dt {margin-left: -30px;}
#dt label, #ge label{font-size: 16pt;}
#dt input[type=radio]{
top: 2px;
position: relative;}
}
@media (max-width: 500px){
#dt{display: block; width: 100%; margin-left: 0;}
#dt form{margin-left: 0;}
#gy{justify-content: center;
flex-wrap: wrap;}
#gy label:last-child {margin-right: 30px;}
#dt label, #ge label,
#dt input[type="number"]{font-size: 1.8rem;}
#ge{flex-direction: column;}
#dt img{width: 100px; height: auto;
margin-left: -17px;
height: auto; margin-bottom: -20px;}
#ge input[type="submit"]{
font-size: 1.8rem;
margin-top: 15px;}
#dt h2{margin-top: -60px;
width: 250px;
margin-left: 90px;}
#dt input[type="number"]{width: 65px;}
}
/** подвал **/
#fo {display: flex; align-items: flex-start;}
@media (max-width: 960px){
#fo{flex-direction: column-reverse;}
}
@media (max-width: 500px){
#fo{flex-direction: column-reverse; margin-top: -40px;}
}
/* подписка */
.subscribe {
x-border-top: 1px solid #ddd;
x-padding: 40px 0px 0 0;
max-width: 800px;
x-margin-top: 200px;
margin-bottom: 0px;
x-margin-left: 100px;
margin-left: 80px;
}
@media (max-width: 960px){
.subscribe{width:100%;
margin-right: 0;
margin-left: 0px;}
}
.subscribe form{
margin: 40px auto 0;
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
}
.subscribe svg {width: 70px;
x-text-align: center;
margin: 10px 0 0;
display: block;
background: white;
color: #6C2CCC;}
.data-members-error{display: none;}
.subscribe small {
font-size: 10.4pt;
text-align: left;
display: block;
margin: 20px 0 0 0;
line-height: 1.8;
width: 670px;
padding: 0;
color: #999;
}
.subscribe form {
width: 100%;
margin: 0 auto;
font-size: 2.4rem;
x-padding: 0 0.8em;
}
.subscribe input,
input[type="email"] {
float: left;
height: 80px;
width: 69%;
background: none;
border: none;
border-bottom: 1px solid #c3c3c3;
x-border-radius: 0.5rem 0 0 0.5rem;
border-radius: 0;
font-size: 26pt;
padding: 0;
outline: none;
}
.subscribe input::placeholder,
input[type="email"]::placeholder {color: #888; letter-spacing: -1px;}
.subscribe button {
height: unset;
font-size: 18pt;
padding: 8px 26px;
font-weight: 600;
letter-spacing: -.2px;
width: auto;
x-border-radius: 0 0.5rem 0.5rem 0;
outline: none;
color: white;
background: #6E1FE6;
border-radius: 10px;
box-shadow: unset;
}
.subscribe input:focus,
input[type="email"]:focus{border-bottom: 1px solid #444; box-shadow: none;}
.subscribe button:hover {background: var(--accent); color: #444;}
}
#fo form p {
color: #ff5970;
font-size: 1.7rem;
text-align: center;
margin-top: 10px;
}
.subscribe form.loading button {
color: white !important;
background-image: url(https://12edit.com/stuff/i/loader.gif);
background-position: center;
background-size: 18%;
cursor: default;
z-index: 2;
font-size: 0%;
width: 206px;
background-repeat: no-repeat;
}
.subscribe form.success button {
background-image: url(https://12edit.com/stuff/i/done.gif);
background-position: center;
background-size: 58%;
cursor: default;
z-index: 2;
font-size: 0%;
width: 206px;
background-repeat: no-repeat;
background-color: white;
box-shadow: inset 0 0 0 2px #4CAF50;
}
.subscribe form.loading button:hover,
.subscribe form.success button:hover {
background-color: white; outline: none;
}
@media (max-width: 500px) {
.subscribe {
padding: 0;
margin: 0px 0;
width: 100%;
}
.subscribe svg{width: 50px;}
.subscribe small {font-size: 1.2rem; line-height: 1.6; width: 90%;}
.subscribe img {margin-bottom: 20px; margin-top: 20px;}
.subscribe button {
width: 100%;
padding: 1rem 4rem;
display: block;
margin: -1x auto 0;
font-size: 2.2rem;
border-radius: .5rem;
}
.subscribe input {
width: 100%;
font-size: 2.7rem;
height: 70px;
margin-bottom: 15px;
float: none;
x-border: none;
x-border-bottom: 1px solid #ddd;
x-text-align: center;
}
.subscribe form {
margin: 30px auto;}
}
.subscribe-button {
display: block;
padding: 4px 10px;
border: 1px solid #131313;
color: #131313;
font-size: 1.2rem;
line-height: 1em;
border-radius: 10px;
opacity: 0.8;
}
.subscribe-button:hover {
text-decoration: none;
opacity: 1;
}
/* соцсети */
#social {text-align: center; display: flex; width: 88%; margin: 30px 0 50px;}
#so {}
#social a {
width: 14%;
height: 92px;
border: 1px solid #E0E0E0;
x-border-bottom: 0;
display: flex;
align-items: center;
justify-content: center;
margin-right: -1px;
}
#social a:last-child {x-border-bottom: 1px solid #E0E0E0;}
#social a path.w, #social div circle.w {color: #fff;}
#social a path, #social div circle {color: #222;}
#social a:hover path, #social div:hover circle {color: #222; }
#social a:hover path.w{color: var(--accent);}
#social a:hover {background: var(--accent);
border-color: var(--accent);
transition: all .2s;}
@media (min-width: 960px){
#so h2 {font-size: 14pt; letter-spacing: -1px;}
}
@media (max-width: 960px){
#social{margin-top: 20px; flex-wrap: wrap; width: 100%;}
#social a {width: 17%;}
#social a{margin-left: -1px;
x-border-bottom: 1px solid #E0E0E0;}
#social a{x-border-right: none;}
#social a:last-child{x-border-right: 1px solid #E0E0E0;}
}
@media (max-width: 700px){
#social{flex-wrap: wrap; margin-top: 0px;}
#social a{margin-right: 0; width: 18%; height: 70px;}
#social svg {scale: 0.85;}
}
@media (max-width: 500px){
#social{
display: flex;
flex-wrap: wrap;
width: 100%; margin: 0 0 40px 0;
}
#so{margin-top: 50px;}
#social a{width: 66px;
height: 66px;
margin-left: 0px;
margin-top: -1px;
x-border-bottom: 1px solid #E0E0E0;}
#social svg {scale: 0.8;}
#social a:nth-child(1),
#social a:nth-child(2),
#social a:nth-child(3),
#social a:nth-child(5),
#social a:nth-child(6){x-border-right: none;}
#social a:nth-child(5),
#social a:nth-child(6),
#social a:nth-child(7){x-border-top: none;}
}
/* подвал */
footer{ text-align: left;
x-margin: 2vw 0 0px 0px;
padding-bottom: 80px !important;
color: #ababab;
x-background: white;
padding-top: 20px !important;
}
@media (max-width: 960px){
footer{margin: 60px 0px 20px 0px;}
}
footer a {
color: #ababab;
border-bottom: 1px solid #dadada;
transition: 0.2s ease;
padding: 4px 0;
}
footer a:hover {border-bottom: 1px solid var(--accent); color: #222;
background-color: var(--accent);}
footer p{display: inline-block;
font-size: 10pt;
padding: 0;
color: #b2b2b2;
margin: 0 30px 0 0;}
@media (max-width: 500px){
footer{margin: 0px 0px -10px 0px; background: none; padding-bottom: 20px !important;}
footer p{font-size: 1.2rem;}
footer a{font-size:1.2rem; border-bottom-color: #d7d7d7;}
}
#secondary {width: 87%; padding: 0; margin-top: 100px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;}
#secondary li {
margin: 0;
x-padding: 10px 0;
x-line-height: 1.6em;
/* display: flex; */
x-margin-right: 5%;
font-size: 11pt;
list-style: none;
}
#secondary li:last-child{margin-right: 0;}
@media (max-width: 960px){
#secondary {width: 100%; justify-content: flex-start; flex-wrap: wrap;}
#secondary li{margin-right: 40px; margin-top: 0; line-height: 3;}
#secondary .gh-search {padding: 0; margin: 0;}
#secondary .gh-search svg{margin: 15px 0 0 0;}
}
@media (max-width: 700px){
#secondary {margin-top: 70px;}
}
@media (max-width: 500px){
#secondary {width: 100%;
margin-top: 100px;
margin-bottom: 30px; display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;}
#secondary li{margin-right: 22px; font-size: 1.2rem; x-padding: 11px 0;}
#secondary li:last-child{padding: 4px 0px; margin: 0;}
.gh-search{height: 2rem; padding: 0px; line-height: unset;}
.gh-search svg{width: 16px;}
html[lang="en"] #primary .gh-search{margin-top: 10px;}
html[lang="ru"] #primary .gh-search{margin-top: 7px;}
}
/* правая линия в посте */
#ll {width: 87%;
border-right: 1px dashed #ddd;
position: absolute; z-index: -2;
top: 0; height: 100%;
min-width: 1100px;
x-background: url('/i/splt.png') no-repeat 100% 333px;}
#pp {top: 0; position: absolute; left: -80px;}
.p1, .p3, .p7 {position: absolute;}
.p3 {z-index: 3; color: var(--accent);
-webkit-animation: p1 1s cubic-bezier(0.470, 0.000, 0.745, 0.715) forwards; animation: p1 1s cubic-bezier(0.470, 0.000, 0.745, 0.715) forwards;}
.p1 {left: 20px; z-index: 1; -webkit-animation:p1 2s linear;animation:p1 2s linear}
.p7 {z-index: 7; left: 52px;}
@media (max-width: 500px){
.svg, #pp, #ls {display: none;}
#pp, .arr {display: inline-block;}
.arr {margin: -2px 5px 0 5px;}
.p7 {top: -170px; left: -40px;}
.p3 {top: -240px;left: 140px; transform: scale(2.2);}
.p1{top: -80px; left: 20px;}
}
/** paywall **/
.gh-post-upgrade-cta::before{
z-index: 0;
position: absolute;
content: "";
right: 0;
bottom: 0;
left: 0;
height: min(100%,808px);
background: linear-gradient(transparent, var(--0) 50%);
}
#site-main .gh-post-upgrade-cta-content{position: relative; z-index: 1; background-color: var(--ghost-accent-color); border-radius: 0 !important;}
#site-main .gh-post-upgrade-cta a{text-decoration: none; border-bottom-color: var(--0);}
#site-main .gh-post-upgrade-cta small {color: white;}
#site-main .gh-post-upgrade-cta a:hover{background: white; color: #6E1FE6; opacity: 1 !important;}
#site-main .gh-post-upgrade-cta h2 {
color: #ffffff;
font-size: 47px;
letter-spacing: -2.5px;
margin: 0;
padding: 0;
x-width: 80%;
width: 70%;
margin-bottom: 20px;
}
#site-main .gh-post-upgrade-cta a.gh-btn {
display: block;
background: #ffc439;
color: var(--120) !important;
border: 0;
text-decoration: none;
margin: 0;
padding: 28px 28px;
border-radius: 38px;
font-size: 26px;
font-weight: 600;
font-family: 'Inter';
}
#site-main .gh-post-upgrade-cta a.gh-btn:hover{background: white; color: var(--120) !important;}
@media(max-width: 640px){
#site-main .gh-post-upgrade-cta h2 {font-size: 42px;}
}
@media(max-width: 480px){
.gh-post-upgrade-cta::before{height: min(100%, 606px); width: 100vh; left: -100px;}
#site-main .gh-post-upgrade-cta h2 {font-size: 25px; letter-spacing: -1.5px;}
#site-main .gh-post-upgrade-cta small {font-size: 13px;}
#site-main .gh-post-upgrade-cta a.gh-btn {padding: 24px 22px; font-size: 22px;}
}
blockquote small {
display: inline-block;
margin: 0.8em 0 0.8em 1.5em;
font-size: 0.9em;
opacity: 0.8;
}
blockquote small:before {
content: "\2014 \00A0";
}
blockquote cite {
font-weight: 700;
}
blockquote cite a {
font-weight: 400;
}
#site-main,
footer {padding: 0 60px;}
@media (max-width: 960px){
#site-main,
footer {padding: 0 40px;}
}
@media (max-width: 500px) {
#site-main,
footer {padding: unset;}
h2 {
font-size: 3rem;
letter-spacing: -1.7px;
x-letter-spacing: -1px;
x-margin-bottom: -15px;
x-margin-top: 2.2em;
}
}
h3 {
font-size: 3.2rem;
font-weight: 800;
margin-bottom: 10px;
padding-top: 20px;
line-height: 1.2;
letter-spacing: -1px;
x-font-family: 'Inter', Arial, sans-serif;
}
h3 a {padding-bottom: 0;}
#oc .featured h3 a {
x-color: #131313;
x-padding-bottom: 5px;
x-border-bottom: 1px solid #dadada;
}
#oc .featured h3 a:hover {
x-padding-bottom: 4px;
x-border-bottom: 2px solid #656565;
}
#oc .featured h3 {margin-top: 3.5em; x-margin-bottom: -40px;}
#oc .featured h3 + .kg-image-card {margin-bottom: 35px;}
@media (max-width: 960px){
h3 {font-size: 2.9rem;
margin-top: 60px;
margin-bottom: 0;}
}
@media (max-width: 500px) {
h3 {
font-size: 2.4rem;
margin-bottom: 5px;
letter-spacing: -1px;
margin-top: 45px;
padding: 0;
}
h3 a {padding-bottom: 3px; border-bottom: 1px solid #656565;}
.featured h3 a {
x-color: #131313;
padding-bottom: 2px;
border-bottom: 1px solid #969696;
}
#oc .featured h3
{margin-top: 70px; margin-bottom: 18px;}
#oc .featured h3 + .kg-image-card
{margin-bottom: 35px;}
}
h4 {
font-size: 2.6rem;
}
h4,
h5 {
margin: 1.5em 0 1em;
}
h5 {
margin: 1em 0 0.3em 0;
font-size: 2.4rem;
}
h6 {
margin: 1.5em 0 1em;
font-size: 2.2rem;
}
rt { text-align: center;
display: flex;
font-family: 'Piazzolla';
font-size: 2.3rem;
width: 80%;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 0 auto;}
rt:before,
rt:after {content: "(";
font-size: 5rem;
color: #a9a9a9;
font-weight: 200;}
rt:after {content: ")";}
/** меню **/
/** декор **/
abbr {
top: 808px;
position: absolute;
color: #c3c3c3;
right: -10px;
font-size: 16pt;
font-weight: 900;
letter-spacing: -2.5px;
border: 2px solid #c3c3c3;
padding: 10px 30px 2px 0px;
display: block;
line-height: 0.4;
}
abbr li {
list-style: none;
display: inline;
padding: 0;
margin: 0;
line-height: unset;
}
#ll .ar1,
#ll .ar2,
#ll .ar3{position: absolute;}
#ll .ar1 {
top: 785px;
right: 156px;
transform: rotate(45deg);
}
#ll .ar2 {
top: 835px;
right: -5px;
transform: rotate(-90deg);
}
#ll .ar3 {
transform: rotate(90deg);
top: -15px;
left: 0px;
opacity: .4;
}
#ll .l1{
position: absolute;
top: 832px;
right: -300px;
}
#ll .l3{position: absolute; top: 765px; right: 170px;}
#ll .sk {
background-image: url('/i/sk.png');
background-repeat: repeat-y;
width: 10px;
height: 634px;
position: absolute;
top: 635px;
right: 220px;
}
#ll .l3, #ll .l1{color: #c3c3c3;}
samp {
position: absolute;
right: 140px;
top: 444px;
}
#ll .im {
width: 50px;
right: -1px;
height: 50px;
background-size: cover;
background-position: center;
transform: rotate(-90deg);
position: relative;
margin-top: 5px;
}
#ut{ align-items: flex-start;}
.thx {
position: absolute;
right: 70px;
top: -60px;
display:none;
}
#ll del{font-size: 2pt;
line-height: .7;
x-letter-spacing: -2.3px;
margin: 450px 0 00;
width: 194px;
right: -165px;
text-decoration: none;
position: absolute;
x-transform: rotate(-90deg);}
#ll #jhx {
transform: rotate(-90deg);
right: 0;
line-height: 1;
color: #d3d3d3;
margin: 0;
padding: 0;
right: -16px;
top: -45px;
font-size: 3pt;
font-weight: normal;
}
/* точки */
@media (max-width: 500px){
#side,
#d0t {display: none;}
}
.dt2 {position: absolute;
top: 30px;
left: -15px;
-webkit-animation:dt2 2s linear both;
animation:dt2 2s linear both;}
.dt1 {position: absolute;
top: -50px;
left: -15px;}
/* перевернутая обложка */
#ut {position: absolute; top: 1331px; right: 0; z-index: 8; display: flex; flex-direction: column-reverse; align-items: flex-end;}
#ut img.cov {height: 50px; transform: rotate(-0.25turn); margin: 10px 0px 0 0px;}
#ut .a3 {color: #222;}
#te {display: block; width: 28px; position: absolute; right: 60px; top: 1327px;}
/* линии */
pre, pre i {
font-family: Roboto Condensed;
top: 19px;
x-position: absolute;
color: #BABABA;
font-size: 12px;
font-style: normal;}
#ls svg {color: #E6E6E6; position: absolute;}
.ls1 {left: 185px;}
.ls2 {left: 300px;}
.ls3 {left: 675px;}
.ls4 {left: 870px;}
.ls0 {left: -29px;}
#ls .ls0 {color: #C2E65F;}
/* стрелочки */
#ls .st1, #ls .st2 {color: #A1BD54; left: -45px; top: 20px; position: absolute;}
#ls .st2 {top: 30px;}
.st1{-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both}
.st2{-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right .2s cubic-bezier(.25,.46,.45,.94) both}
.sw1::before {content: "Y";}
.sw5::after {content: "C";}
.sw1 {left: 192px;}
.sw2 {left: 666px;}
.sw3 {left: 680px;}
.sw5 {left: 880px;}
.sw1, .sw2, .sw3, .sw5 {position: absolute;}
#ok hr {border-top: 1px solid #d6d6d6; margin: -57px 0 5.5em; width: 100%;}
#ok big {
font-size: 2rem;
display: block;
margin: 2em auto;
text-align: center;
background: white;
z-index: 1;
font-weight: 800;
width: 218px;
padding: 0 20px;
position: relative;
}
#ok big a {
color: #353535;
/* background: white; */
padding: 10px 0px;
border-bottom: 1px solid #d5d5d5;
}
#ok big a:hover {
border-bottom: 2px solid #454545;
transition: 0.2s ease;
padding-bottom: 8px;}
@media (max-width: 500px) {
big {
font-size: 1.8rem;
margin-top: 3em;
margin-bottom: 1.5em;
}
}
/* жанры */
#genres {background: #6C2CCC; width: 100%; padding: 50px; display:flex;}
#genres ul {list-style: none; padding: 0; width: 70%;}
#genres ul {display: block; margin: 40px 0;}
#genres ul li{
color: #8541ED;
display: inline-block;
margin: 0;
font-family: 'oswald';
line-height: 2;
font-size: 2.4rem;
letter-spacing: -0.3px;
background-image: url(/i/ln.png);
background-repeat: repeat-x;
padding: 0px 50px 0 0px;
background-position: 0 30px;}
#genres ul li a{color: white; border-bottom: 1px solid #9B63F0; background-color: #6C2CCC; padding-bottom: 2px; transition: .2s all;}
#genres ul li a:hover{color: white; border-bottom-color: white;}
#genres ul li s{text-decoration: none; background-color: #6C2CCC;}
#genres ul li:last-child{padding-right: 0;}
#genres b{}
#genres ul:first-child {margin-top: 0;}
#genres b{
color: #6e1fe6;
background-color: white;
font-weight: 200;
width: 210px;
line-height: 1;
display: inline-block;
font-size: 1.4rem;
line-height: 1.2;
margin: 0;
width: 155px;}
@media (max-width: 1200px){
#genres ul{width: 90%;}
}
@media (max-width: 960px){
#genres{padding: 40px 20px 20px; display:block;}
#genres ul li{font-size: 2rem; background-position: 0 23px;}
}
@media (max-width: 500px){
#genres ul{width: 100%;}
#genres ul li{font-size: 1.6rem; padding: 0px 30px 0 0px; background-position: 0px 18px;}
}
/* отступы */
p,
.w,
.w + p,
.kg-card,
blockquote,
.post-content-body blockquote + blockquote,
.post-content-body blockquote + p {margin: 0 0 50px 0; padding: 0;}
#oc .h3{margin-top: 100px;}
/* большие */
#oc.featured h2{margin-top: 90px;}
#oc.featured h3{margin-top: 90px;}
#oc.featured h2 + h3 {margin: 20px 0 0 0;}
#oc.featured h3:first-child{margin-top: 0;}
.kg-card.kg-embed-card {margin: 60px 0;}
.w:last-child {margin: 0;}
@media (min-width: 1200px){
.twov figcaption,
.kg-image > figcaption,
.kg-gallery-card > figcaption,
.kg-card figcaption {margin: 0; padding: 20px 0 0 0;}
}
@media (max-width: 1200px){
p,
.w,
.w + p,
.kg-card,
blockquote,
.post-content-body blockquote + p {margin: 0 0 40px 0; padding: 0;}
.kg-image > figcaption,
.kg-gallery-card > figcaption,
.kg-card figcaption {margin: 0; padding: 20px 0 0 0;}
}
@media (max-width: 960px){
p,
.w,
.w + p,
.kg-card,
blockquote,
.kg-card.kg-embed-card,
.post-content-body blockquote + p {margin: 0 0 45px 0; padding: 0;}
.kg-image > figcaption,
.kg-gallery-card > figcaption {margin: 0; padding: 10px 0px 0;}
.kg-width-wide > figcaption,
.kg-width-full figcaption {margin: 0; padding: 10px 40px 0;}
}
@media (max-width: 700px){
.kg-image > figcaption,
.kg-gallery-card > figcaption,
.kg-card figcaption {margin: 0; padding: 20px 0 0 0;}
}
@media (max-width: 500px){
.post-content-body p,
.w,
.w + p,
.kg-card,
.post-content-body blockquote p,
.kg-card.kg-embed-card,
.post-content-body blockquote + p {margin: 0 0 30px 0; padding: 0;}
.kg-embed-card figcaption,
.kg-card figcaption,
.kg-card figcaption span,
.kg-card figcaption span p {padding: 0; margin: 0; width: 100%; font-size: 1.2rem; line-height: 1.66;}
.kg-card.kg-image-card figcaption{padding: 10px 0;}
.kg-card figcaption,
.kg-card figcaption span,
.kg-card.kg-width-wide figcaption,
.kg-card.kg-width-full figcaption,
.kg-card figcaption span p{width: 95%; padding: 10px 5vw;}
.kg-embed-card figcaption {padding: 10px 0;}
/* .kg-image > figcaption,
.kg-gallery-card > figcaption,
.kg-card figcaptiprxton*/
/* .kg-image > figcaption,
.kg-gallery-card > figcaption,
.kg-card figcaption {padding: 10px 0 0; width: 100%; font-size: 1.2rem;}*/
/* .kg-card figcaption,
.kg-image > figcaption,
.kg-image figcaption,
.kg-width-wide > figcaption,
.kg-card figcaption,
.kg-gallery-card > figcaption {width: 95%; padding: 10px 5vw;}*/
/*обнуляем*/
/* .kg-card figcaption{width: 100%;}
.kg-embed-card figcaption,
.kg-image-card figcaption,
.kg-image-card figcaption span,
.kg-image-card figcaption span p {padding: 0; margin: 0; width: 100%; font-size: 1.2rem;}
.kg-image-card figcaption{width: 95%; padding: 0; margin: 0;}
.kg-image-card figcaption span{padding: 10px 0; margin: 0;}
.kg-embed-card figcaption{padding: 10px 0vw;}
.kg-image-card.kg-width-wide figcaption,
.kg-image-card.kg-width-full figcaption,
.kg-image-card.kg-width-wide figcaption span,
.kg-image-card.kg-width-wide figcaption p span,
.kg-image-card.kg-width-full figcaption span,
.kg-image-card.kg-width-full figcaption p span,
.kg-image-card.kg-width-wide figcaption p,
.kg-image-card.kg-width-full figcaption p,
.kg-gallery-card figcaption p {padding: 10px 5vw; margin: 0;}*/
/*
.kg-card.kg-image-card,
.kg-card.kg-gallery-card {margin: 40px 0 20px 0;}*/
}
@media (prefers-color-scheme: light) {
.t{color: var(--10);}
body,
.post-card,
.post-feed,
.inner-post-feed{background-color: var(--0);}
p,
li,
dl,
big,
abbr,
.w tt,
small,
#prxt svg,
article a,
.page-head,
#primary li a,
#secondary li a,
.post-feed.lst h2,
#prxt a.stop:hover svg,
#prxt a.stop:hover cat,
.page-head-description,
.prev cat, .next cat,
.post-content-excerpt,
.post-content-body blockquote p{color: var(--120);}
/* меню */
#primary li a,
#secondary li a {border-bottom-color: var(--40);}
#primary li b,
#secondary li b,
#primary li a.in,
#secondary li a.in,
#primary li:hover a,
#secondary li:hover a{color: var(--110);}
#primary .se,
#secondary .se {color: var(--50);}
h1, h2, h3, h4, h5, h6 {color: var(--120);}
.arr path{fill: var(--55);}
.post-content-body article a,
.post-content-body article:hover a{color: var(--120);}
article a {border-bottom-color: var(--20);}
/* приветствие */
#oi, #oi a {color: var(--120);}
#oi a,
#oi a[data-ghost-search]{border-color: var(--70);}
#oi a:hover{color: var(--90);}
/* список материалов */
ul#lst, .post-feed.lst{background-color: none; column-rule-color: var(--25);}
ul#lst small{color: var(--55);}
.post-feed article:hover a{color: var(--120);}
.post-feed article i,
.post-feed.lst article i{
border-right-color: var(--85);
border-left-color: var(--85);
color: var(--75);
border-top: none;
border-bottom: none;
}
#switch .pics svg path {fill: var(--90);}
#switch .list svg path.lines {stroke: var(--70);}
#switch .pics,
#switch .list {background-color: var(--0);}
#switch .pics.se svg path {fill: var(--120);}
#switch .list.se svg path.lines {stroke: var(--120);}
#switch .pics.se,
#switch .list.se {background-color: var(--accent);}
.prev svg, .next svg{border-color: var(--25);}
#sch path{fill: var(--20);}
.twov figcaption,
.kg-card figcaption,
.kg-card figcaption span,
.kg-card figcaption a{color: var(--50);}
/* кто */
.w dt{filter: invert(98%) sepia(28%) saturate(45%) hue-rotate(259deg) brightness(97%) contrast(96%);}
/* декор */
.bc path {fill: var(--50);}
.bc path.ex{fill: var(--0);}
}
@media (prefers-color-scheme: dark) {
.t{color: var(--120);}
body,
.post-card,
.post-feed,
.inner-post-feed {background-color: var(--120);}
/* текст */
p,
li,
big,
abbr,
.w tt,
small,
#prxt svg,
article a,
.page-head,
#primary li a,
#secondary li a,
.post-feed.lst h2,
#prxt a.stop:hover svg,
#prxt a.stop:hover cat,
.page-head-description,
.prev cat, .next cat,
.post-content-excerpt,
#oc .kg-file-card-title,
#oc .kg-file-card-metadata div,
.post-content-body blockquote p {color: var(--10);}
.gh-post-upgrade-cta::before{background: linear-gradient(transparent, var(--120) 50%);}
/* меню */
#primary li a,
#secondary li a {border-bottom-color: var(--70);}
#primary li b,
#secondary li b,
#primary li a.in,
#secondary li a.in,
#oc article a:hover,
#oc article a:hover .kg-file-card-title,
#oc article a:hover .kg-file-card-metadata div,
#primary li:hover a,
#secondary li:hover a{color: var(--110);}
#primary .se,
#secondary .se {color: var(--50);}
h1, h2, h3, h4, h5, h6 {color: var(--10);}
h2.post-card-title{color: var(--90);}
.arr,
.plu{color: var(--25);}
.arr path{fill: var(--35);}
/*файлы*/
#oс .kg-file-card .kg-file-card-title{color: var(--70);}
.htags a, #oc .tags a{border-color: var(--95); color: var(--45);}
.site-head-logo img{filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(158deg) brightness(113%) contrast(101%);}
/* приветствие */
#oi, #oi a {color: var(--0);}
#oi a,
#oi a[data-ghost-search]{border-color: var(--70);}
#oi a:hover{color: var(--90);}
/* список материалов */
ul#lst, .post-feed.lst{background-color: none; column-rule-color: var(--95);}
ul#lst small{color: var(--55);}
.post-feed article:hover a{color: var(--120);}
.post-feed article i,
.post-feed.lst article i{
border-right-color: var(--85);
border-left-color: var(--85);
color: var(--75);
border-top: none;
border-bottom: none;
}
.post-feed.lst article i{color: var(--55);}
article a,
ul#lst a big {border-bottom-color: var(--80);}
.bc path {fill: var(--50);}
.bc path.ex{fill: var(--120);}
#switch .pics svg path {fill: var(--10);}
#switch .list svg path.lines {stroke: var(--70);}
#switch .pics,
#switch .list {background-color: var(--95);}
#switch .pics.se svg path {fill: var(--120);}
#switch .list.se svg path.lines {stroke: var(--120);}
#switch .pics.se,
#switch .list.se {background-color: var(--accent);}
.twov figcaption,
.kg-card figcaption,
.kg-card figcaption span,
.kg-card figcaption a{color: var(--45);}
/* туда-сюда */
#prxt a,
#prxt a.stop:hover,
#prxt a.stop:hover svg {border-color: var(--95);}
#ll{border-right-color: #444;}
#prxt a:hover cat,
#prxt a:hover svg {color: var(--90);}
#prxt a:hover svg, #prxt a:hover svg{border-color: var(--90);}
.prev svg, .next svg{border-color: var(--75);}
/* подвал */
footer{background: var(--120);}
footer a{border-color: var(--85);}
#social a{border-color: var(--95);}
#social a path, #social div circle{color: var(--10);}
/* кто */
.w dt{filter: invert(11%) sepia(3%) saturate(1906%) hue-rotate(191deg) brightness(95%) contrast(97%);}
}
input{color: var(--0);}
.gh-search {color: var(--50);}
.gh-search:hover{color: var(--accent);}
/* чтоб никаких выделений */
p::selection,
a::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
nobr::selection,
small::selection,
.w tt::selection,
article a::selection,
figcaption::selection,
b::selection, strong::selection,
dfn::selection, em::selection, i::selection,
.post-content-body blockquote p::selection {color: var(--100); background-color: var(--accent);}
.daxrk {
background: black;
color: white;
}
.dark p,
.dark article a,
.dark post-content-body blockquote p{color: var(--10);}
.thxeme-light {
background: white;
color: black;
}
.kg-bookmark-card {
margin: 5vw 0;
}
.kg-bookmark-container {
display: -webkit-box;
display: flex;
color: #131313;
text-decoration: none;
min-height: 148px;
}
.kg-bookmark-container:hover {
text-decoration: none;
}
.kg-bookmark-content {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-flex: 1;
flex-grow: 1;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-pack: start;
justify-content: start;
background: #fff;
padding: 3.5rem;
}
.kg-bookmark-title {
font-size: 100%;
line-height: 1.5em;
font-weight: 600;
color: #131313;
}
.kg-bookmark-container:hover .kg-bookmark-title {
opacity: 1;
color: #3eb0ef;
}
.kg-bookmark-description {
display: -webkit-box;
font-size: 90%;
line-height: 1.5em;
font-weight: 400;
margin-top: 2rem;
max-height: 3em;
overflow-y: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
opacity: 0.75;
}
.kg-bookmark-thumbnail {
position: relative;
min-width: 33%;
max-height: 100%;
}
.kg-bookmark-thumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.kg-bookmark-metadata {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
font-size: 90%;
font-weight: 400;
margin-top: 2rem;
flex-wrap: wrap;
opacity: 0.75;
}
.kg-bookmark-icon {
width: 24px;
height: 24px;
margin-right: 8px;
}
.kg-bookmark-author {
line-height: 1.5em;
}
.kg-bookmark-author:after {
content: "—";
margin: 0 6px;
}
.kg-bookmark-publisher {
overflow: hidden;
line-height: 1.5em;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 240px;
}
@media (max-width: 850px) {
.kg-bookmark-card {
margin: 7vw 0;
}
}
@media (max-width: 500px) {
.kg-bookmark-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.kg-bookmark-content {
padding: 2rem;
}
.kg-bookmark-thumbnail {
-webkit-box-ordinal-group: 2;
order: 1;
width: 100%;
min-height: 22rem;
}
.kg-bookmark-content {
-webkit-box-ordinal-group: 3;
order: 2;
}
}
/*
#secondary {display: grid; width: 645px;
margin: 3vw auto -5vw;}
#secondary.home {margin: -1vw auto 4vw;}
#switch {grid-column: 1;}
#secondary ul {
list-style: none;
padding: 0;
width: 580px;
grid-column: 2;
margin-top: -4px;
}
#secondary ul li {
display: inline-block;
padding: 0 0 0 15px;
margin-bottom: 15px;
}
@media (max-width: 850px) {
ul#oo {column-count: 2;}
}
@media (max-width: 500px) {
ul#oo {column-count: 1; padding: 0;}
#switch {grid-row: 2;
grid-column: 1;
top: 0;
margin: 0;
x-margin: 10px auto 30px;}
#secondary {margin: -2vw auto 8vw; width: auto;}
#secondary.home {margin: -1vw auto 14vw;}
#secondary ul {
grid-row: 1;
grid-column: 1;
width: 100%;
text-align: center;}
#secondary ul li {
padding: 0 0 0 15px;
margin: 0 0 6px 0px;
}
}
*/
/* поиск */
.gh-search {x-color: #131313 !important; x-opacity: .4; box-shadow: none; height: unset;
line-height: unset;}
.gh-search:hover {x-color: #6E1FE6 !important; opacity: 1;}
.blurr {opacity: 0; pointer-events: none;}
#search {
display: block;
margin-left: 5px;
text-indent: -9999px;
background-image: url("data:image/svg+xml;utf8,");
background-position: 0px -3px;
border-bottom: none !important;
width: 32px;
cursor: pointer;
}
#search:hover {
background-image: url("data:image/svg+xml;utf8,");
}
#ghost-search i,
#ghost-search small,
#ghost-search,
#ghost-search-results {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
position: absolute;
}
#ghost-search small {
width: 100%;
display: block;
text-align: center;
}
#ghost-search i {z-index: 2;
display: block;
width: 100px; height: 100px;
background-image: url("data:image/svg+xml;utf8,");
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
#ghost-search i:hover {
background-image: url("data:image/svg+xml;utf8,");
}
#ghost-search {
padding-top: 100px;
position: absolute;
z-index: 1;
width: 80%;}
#ghost-search-field {
font-size: 3rem;
font-family: 'Inter';
padding: 10px;
position: absolute;
background: white;
border: none;
box-shadow: blue;
z-index: 1;
border-bottom: 1px solid #a6a6a6;
position: absolute;
text-align: center;
margin-top: 80px;
width: 100%;
}
#ghost-search-results
{
background: white;
display: block;
opacity: 1;
width: 80%;
z-index: 1;
top: 250px;
}
#ghost-search-results li {
display: block !important;
margin-bottom: 15px;}
@media (max-width: 850px) {
#ghost-search i {margin-top: -95px;}
}
@media (max-width: 480px) {
#search {text-indent: 0;
background: none;
border-bottom: 1px dotted #b2b2b2 !important;
padding-bottom: 0px !important;
width: 45px;}
.page-head-description {padding: 0;}
#ghost-search-results {width: 100%;}
}
/* soundcloud */
.widget .g-background-default {background: none;}
.widget {border: none; background: none;}
.widget .cookiePolicy {display: none;}
/* en soundcloud */
dl,
ol,
ul {
margin: -40px 0 7rem;
}
ol,
ul {
padding-left: 1.3em;
padding-right: 1.5em;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin: 0.5em 0 1em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ol,
ul {
x-max-width: 100%;
}
li {
margin: 0.5em 0 1em;
padding-left: 0.3em;
line-height: 1.6em;
}
dt {
display: block;
font-weight: 700;
margin: 0 0 1rem;
}
dd {
margin-left: 2rem;
}
.row {
display: -webkit-box;
display: flex;
-webkit-box-flex: 0;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: wrap;
margin: 0 -1rem;
}
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
padding: 1rem;
}
.col {
-webkit-box-flex: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.col-1 {
flex-basis: 8.3333333%;
max-width: 8.3333333%;
}
.col-2 {
flex-basis: 16.6666666%;
max-width: 16.6666666%;
}
.col-3 {
flex-basis: 25%;
max-width: 25%;
}
.col-4 {
flex-basis: 33.3333333%;
max-width: 33.3333333%;
}
.col-5 {
flex-basis: 41.6666666%;
max-width: 41.6666666%;
}
.col-6 {
flex-basis: 50%;
max-width: 50%;
}
.col-7 {
flex-basis: 58.3333333%;
max-width: 58.3333333%;
}
.col-8 {
flex-basis: 66.6666666%;
max-width: 66.6666666%;
}
.col-9 {
flex-basis: 75%;
max-width: 75%;
}
.col-10 {
flex-basis: 83.3333333%;
max-width: 83.3333333%;
}
.col-11 {
flex-basis: 91.6666666%;
max-width: 91.6666666%;
}
.col-12 {
flex-basis: 100%;
max-width: 100%;
}
@media (max-width: 800px) {
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11 {
flex-basis: 50%;
max-width: 50%;
}
}
@media (max-width: 600px) {
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11 {
flex-basis: 100%;
max-width: 100%;
}
}
table {
border-collapse: separate;
margin: 0 0 2rem;
width: 100%;
font-size: 0.8em;
}
th {
color: #131313;
font-size: 0.9em;
font-weight: 700;
padding: 0 0.7em 0.4em;
text-align: left;
}
td {
padding: 0.4em 0.7em;
border-left-width: 0;
border-top-width: 0;
}
td:first-child {
border-left-width: 1px;
}
tbody tr {
border: 1px solid #ddd;
border-left: 0;
border-right: 0;
}
tbody tr:first-child td {
border-top-width: 1px;
}
tbody tr:nth-child(odd) {
x-background-color: #f8f8f8;
}
tbody td {
border-color: #ddd;
border-style: solid;
border-width: 0 1px 1px 0;
}
tfoot {
border-width: 0;
}
form {
margin: 0 0 2rem;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
label {
color: #3eb0ef;
display: block;
font-size: 0.9em;
font-weight: 700;
margin: 0 0 (2rem * 0.5);
}
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
background: #f8f8f8;
border-radius: 0.5rem;
border: 1px solid #ddd;
color: inherit;
display: block;
outline: 0;
padding: 0 0.6em;
text-decoration: none;
width: 100%;
}
input[type="email"]:invalid,
input[type="password"]:invalid,
input[type="search"]:invalid,
input[type="tel"]:invalid,
input[type="text"]:invalid,
input[type="url"]:invalid,
select:invalid,
textarea:invalid {
box-shadow: none;
}
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
border-color: #3eb0ef;
box-shadow: 0 0 0 1px #3eb0ef;
}
select {
height: 4rem;
padding-right: 4rem;
text-overflow: ellipsis;
}
select option {
color: #3eb0ef;
background: #f8f8f8;
}
select:focus::-ms-value {
background-color: transparent;
}
select::-ms-expand {
display: none;
}
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select {
height: 7rem;
}
textarea {
padding: 0.3em 0.6em;
resize: vertical;
}
input[type="checkbox"],
input[type="r1adio"] {
display: block;
margin-right: -2em;
opacity: 0;
width: 1em;
z-index: -1;
}
input[type="checkbox"] + label,
input[type="r1adio"] + label {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
color: #131313;
cursor: pointer;
font-size: 1em;
font-weight: 400;
padding-left: calc(2.4rem + 0.75em);
padding-right: 2rem;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
background: #f8f8f8;
border-radius: 0.5rem;
border: 1px solid #ddd;
content: "";
display: inline-block;
height: 2.4rem;
line-height: 2.24rem;
text-align: center;
width: 2.4rem;
margin-right: 1rem;
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
background: #3eb0ef;
border-color: #3eb0ef;
color: #f8f8f8;
content: "вњ“";
}
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
border-color: #3eb0ef;
box-shadow: 0 0 0 1px #3eb0ef;
}
input[type="checkbox"] + label:before {
border-radius: 0.5rem;
}
input[type="radio"] + label:before {
border-radius: 100%;
}
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
display: inline-block;
height: 4rem;
padding: 0 2rem;
border: 0;
border-radius: 0.5rem;
cursor: pointer;
font-family: var(--sans);
font-size: 1.4rem;
font-weight: 400;
line-height: 4rem;
text-align: center;
text-decoration: none;
white-space: nowrap;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
}
.button.fit,
button.fit,
input[type="button"].fit,
input[type="reset"].fit,
input[type="submit"].fit {
width: 100%;
}
.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
height: 3.6rem;
line-height: 3.6rem;
padding: 0 1.5rem;
font-size: 1.2rem;
}
.button.large,
button.large,
input[type="button"].large,
input[type="reset"].large,
input[type="submit"].large {
height: 4.56rem;
line-height: 4.56rem;
padding: 0 3rem;
font-size: 1.6rem;
}
.button.disabled,
.button:disabled,
button.disabled,
button:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="submit"].disabled,
input[type="submit"]:disabled {
pointer-events: none;
opacity: 0.4;
}
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: transparent;
box-shadow: inset 0 0 0 2px #6E1FE6 ;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
text-decoration: none;
x-color: #118dd0 !important;
x-box-shadow: inset 0 0 0 2px #139de7;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.button.primary,
button.primary,
input[type="button"].primary,
input[type="reset"].primary,
input[type="submit"].primary {
color: #fff !important;
background-color: #6E1FE6;
box-shadow: none;
}
.button.primary:hover,
button.primary:hover,
input[type="button"].primary:hover,
input[type="reset"].primary:hover,
input[type="submit"].primary:hover {
background-color: #139de7;
}
.actions {
display: -webkit-box;
display: flex;
cursor: default;
list-style: none;
margin: -1rem;
padding-left: 0;
}
.actions li {
padding: 0 0 0 1rem;
vertical-align: middle;
}
.actions.special {
-webkit-box-pack: center;
justify-content: center;
width: 100%;
margin-left: 0;
}
.actions.special li:first-child {
padding-left: 0;
}
.actions.stacked {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin-left: 0;
}
.actions.stacked li {
padding: 1.3rem 0 0;
}
.actions.stacked li:first-child {
padding-top: 0;
}
.actions.fit {
width: calc(100% + 1rem);
}
.actions.fit li {
-webkit-box-flex: 1;
flex: 1 1 auto;
width: 100%;
}
.actions.fit.stacked,
.actions.fit li > * {
width: 100%;
}
@media (max-width: var(--xsmall)) {
.actions:not(.fixed) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin-left: 0;
width: 100% !important;
}
.actions:not(.fixed) li {
-webkit-box-flex: 1;
flex: 1 1 auto;
padding: 1rem 0 0;
text-align: center;
width: 100%;
}
.actions:not(.fixed) li > * {
width: 100%;
}
.actions:not(.fixed) li:first-child {
padding-top: 0;
}
.actions:not(.fixed) li .button,
.actions:not(.fixed) li button,
.actions:not(.fixed) li input[type="button"],
.actions:not(.fixed) li input[type="reset"],
.actions:not(.fixed) li input[type="submit"] {
width: 100%;
}
.actions:not(.fixed) li .button.icon:before,
.actions:not(.fixed) li button.icon:before,
.actions:not(.fixed) li input[type="button"].icon:before,
.actions:not(.fixed) li input[type="reset"].icon:before,
.actions:not(.fixed) li input[type="submit"].icon:before {
margin-left: -0.5rem;
}
}
.hamburger {
display: -webkit-box;
display: flex;
overflow: visible;
margin: 0;
padding: 2px 0;
border: 0;
color: inherit;
font: inherit;
text-transform: none;
background-color: transparent;
cursor: pointer;
-webkit-transition: opacity 0.15s linear, -webkit-filter 0.15s linear;
transition: opacity 0.15s linear, -webkit-filter 0.15s linear;
transition: opacity 0.15s linear, filter 0.15s linear;
transition: opacity 0.15s linear, filter 0.15s linear, -webkit-filter 0.15s linear;
}
.hamburger-box {
position: relative;
display: inline-block;
width: 20px;
height: 13px;
}
.hamburger-inner {
top: 50%;
display: block;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
position: absolute;
width: 20px;
height: 1px;
background-color: #ababab;
border-radius: 4px;
-webkit-transition: -webkit-transform 0.15s ease;
transition: -webkit-transform 0.15s ease;
transition: transform 0.15s ease;
transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}
.hamburger-inner:after,
.hamburger-inner:before {
content: "";
display: block;
}
.hamburger-inner:before {
top: -6px;
}
.hamburger-inner:after {
bottom: -6px;
}
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.hamburger--collapse .hamburger-inner:after {
top: -12px;
-webkit-transition: top 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, opacity 0.1s linear;
transition: top 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner:before {
-webkit-transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.site-head-open .hamburger-inner,
.site-head-open .hamburger-inner:after,
.site-head-open .hamburger-inner:before {
background-color: #131313;
}
.site-head-open .hamburger-inner {
-webkit-transition-delay: 0.32s;
transition-delay: 0.32s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
transform: translate3d(0, -6px, 0) rotate(-45deg);
}
.site-head-open .hamburger-inner:after {
top: 0;
opacity: 0;
-webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.27s;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.27s;
}
.site-head-open .hamburger-inner:before {
top: 0;
-webkit-transition: top 0.12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.18s, -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s;
transition: top 0.12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.18s, -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s;
transition: top 0.12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.18s, transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s;
transition: top 0.12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.18s, transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s, -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.transition-fade {
-webkit-transition: 0.25s;
transition: 0.25s;
opacity: 1;
-webkit-animation: slideUp 0.9s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
animation: slideUp 0.9s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
-webkit-transform: translate3d(0, 4vh, 0);
transform: translate3d(0, 4vh, 0);
}
html.is-animating .transition-fade {
opacity: 0;
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translate3d(0, 4vh, 0);
transform: translate3d(0, 4vh, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideUp {
0% {
-webkit-transform: translate3d(0, 4vh, 0);
transform: translate3d(0, 4vh, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
body {
font-family: var(--sans);
x-background: #fafafa;
-webkit-transition: background 0.3s ease-out;
transition: background 0.3s ease-out;
-webkit-transition-delay: 0.25;
transition-delay: 0.25;
}
.img {
display: block;
width: 100%;
height: 100%;
background-position: 50%;
background-size: cover;
border-radius: 100%;
}
.hidden {
visibility: hidden;
position: absolute;
text-indent: -9999px;
}
.site-wrapper {
x-padding: 3vw;
x-height: 0;
min-height: 100vh;
}
@media (max-width: 850px) {
.site-wrapper {
padding: unset;
}
}
@media (max-width: 500px) {
.site-wrapper {
padding: 7vw 5vw 10vw;
}
}
.page-head {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding: 7vw 0 5vw 0;
max-width: 70%;
margin: auto;
text-align: center;
}
.page-head .tag-template {flex-direction: row;}
.error-head {
height: 75vh;
}
.error-head h1 {
margin: 0;
font-size: 7rem;
line-height: 1.1em;
font-weight: 800;
letter-spacing: 10px;
}
.error-head p {
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 1px;
color: #919191;
}
.error-link {
margin-top: 1rem;
font-size: 1.5rem;
text-decoration: underline;
}
.si1te-foot {
margin: 5vw 0 1vw;
text-align: center;
color: #ababab;
font-size: 1.4rem;
}
.site-head-container {
width: 100%;
display: flex;
x-margin-top: 50px;
x-display: grid;
grid-template-columns: 1fr auto 1fr;
}
.site-head-container,
.site-head-left {
-webkit-box-align: center;
x-align-items: center;
}
.site-head-left {
position: relative;
z-index: 100;
margin-right: 10px;
white-space: nowrap;
}
/* теги */
.site-head-right {
position: relative;
z-index: 100;
-webkit-box-pack: end;
justify-content: flex-end;
}
.site-head-right,
.social-links {
flex-shrink: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.rss-button {
opacity: 0.4;
}
.rss-button:hover {
opacity: 1;
}
.rss-button svg {
margin-bottom: 1px;
height: 2.1rem;
fill: #131313;
}
.nav-burger {
display: none;
position: absolute;
left: 0;
z-index: 9999;
padding: 17px 12px 12px 0;
}
@media (max-width: 850px) {
.nav-burger {
display: block;
}
.sit1e-head-container {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
height: unset;
background: hsla(0, 0%, 100%, 0);
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
overflow: hidden;
}
.site-head-container,
.site-head-left,
.site-head-right {
-webkit-box-pack: start;
justify-content: flex-start;
z-index: -1;
}
.site-head-left,
.site-head-right {
position: relative;
height: auto;
-webkit-transition: height 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: height 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.site-head-left a,
.site-head-right a {
margin: 8px 0;
padding: 1px 0;
font-size: 2.6rem;
line-height: 1.15em;
font-weight: 200;
opacity: 0;
-webkit-transition: opacity 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: opacity 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transform: scale(1.1) translateY(-25px);
transform: scale(1.1) translateY(-25px);
}
.site-head-right a {
padding: 5px 0;
margin: 1px 0;
x-font-size: 2rem;
}
.nav {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
align-items: flex-start;
margin: 3vw 0 0;
}
.site-head-left {
-webkit-box-ordinal-group: 3;
order: 2;
margin: 0;
width: 100%;
}
.site-head-center {
-webkit-box-ordinal-group: 2;
order: 1;
position: static;
z-index: auto;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.site-head-right {
-webkit-box-ordinal-group: 4;
order: 3;
width: 100%;
margin-top: -2vw;
}
.site-head-right ul li
{margin-bottom: 10px;}
.social-links {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: start;
align-items: flex-start;
}
.site-head-open {
background: #fff;
-webkit-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;
-webkit-transition-delay: 0.25;
transition-delay: 0.25;
overflow: hidden;
height: 100vh;
}
.site-head-open .site-head-container {
height: calc(100vh - 14vw);
overflow-y: scroll;
-webkit-transition: height 0.2s ease-in;
transition: height 0.2s ease-in;
}
.site-head-open .site-head-left,
.site-head-open .site-head-right {
z-index: 9999;
height: auto;
-webkit-transition: height 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: height 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.site-head-open .site-head-left a,
.site-head-open .site-head-right a {
opacity: 1;
-webkit-transition: opacity 0.9s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: opacity 0.9s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.9s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.9s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
border-bottom: 2px solid #131313;
}
.site-head-open .nav-current a {
border-bottom: 0px solid #131313;
opacity: .5;
}
.site-head-open .site-foot {
x-display: block;
display: none;
position: fixed;
z-index: 9999;
bottom: 0;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: -webkit-transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transform: translateY(-4vw);
transform: translateY(-4vw);
}
}
/*
.post-content-title {
margin: 0;
x-width: 1010px;
color: #111;
font-family: 'Inter', Arial, sans-serif;
font-weight: 700;
letter-spacing: -5px;
x-text-align: center;
}
*/
.post-content-title h1 {width: 111%;}
header ul li {display: inline !important; }
.post-content-excerpt:nth-child(2):before {
content: "\2022";
padding-left: 5px;
padding-right: 8px;
}
@media (max-width: 500px) {
/* .post-content-title {width: 100%; letter-spacing: -2.2px;}
.post-content-excerpt {
padding: 0;
font-size: 1.2rem;
}
}*/
.post-content-image {
position: relative;
width: 75vw;
min-width: 100%;
margin-bottom: 7vw;
x-margin: 4vw calc(50% - 50vw);
x-webkit-transform: translateX(calc(50vw - 50%));
x-transform: translateX(calc(50vw - 50%));
}
.post-content-body {
x-font-size: 2.1rem;
x-line-height: 1.65em;
width: 830px;
}
@media (max-width: 960px){
.post-content-body{width: unset;}
}
.post-content-body h1,
.post-content-body h2,
.post-content-body h3,
.post-content-body h4,
.post-content-body h5,
.post-content-body h6 {
x-color: #222;
}
.post-content-body li {
word-break: break-word;
}
.post-content-body li p {
margin: 0;
}
.post-content-body code {
padding: 0 5px 2px;
font-size: 0.8em;
line-height: 1em;
font-weight: 400 !important;
background: #f8f8f8;
border-radius: 3px;
}
.post-content-body p code {
word-break: break-all;
}
.post-content-body pre {
overflow-x: auto;
margin: 1.5em 0 3em;
padding: 20px;
max-width: 100%;
border: 1px solid #000;
color: #f8f8f8;
font-size: 1.4rem;
line-height: 1.5em;
background: #0a0a0a;
border-radius: 5px;
}
.post-content-body pre code {
padding: 0;
font-size: inherit;
line-height: inherit;
background: transparent;
}
.post-content-body pre code :not(span) {
color: inherit;
}
.post-content-body .fluid-width-video-wrapper {
margin: 1.5em 0 3em;
}
.post-content-body hr {
margin: 4vw auto;
}
.post-content-body hr:after {
content: "";
position: absolute;
top: -15px;
left: 50%;
display: block;
margin-left: -10px;
width: 1px;
height: 30px;
background: #f7f7f7;
box-shadow: 0 0 0 5px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.footnotes-sep {
margin-bottom: 30px;
}
.footnotes {
font-size: 1.5rem;
}
.footnotes p {
margin: 0;
}
.footnote-backref {
color: #3eb0ef !important;
font-size: 1.2rem;
font-weight: 700;
text-decoration: none !important;
box-shadow: none !important;
}
.author-meta {
-webkit-box-pack: center;
justify-content: center;
margin-bottom: 10px;
color: #ababab;
}
.author-links,
.author-meta {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.author-links {
margin-top: 20px;
}
.author-links a {
display: block;
margin: 0;
padding: 0 12px;
color: #131313;
opacity: 0.4;
}
.author-links a:hover {
text-decoration: none;
opacity: 1;
}
.author-links .divider {
display: inline-block;
margin: 0 3px;
}
.page-template .post-content-body h1,
.page-template .post-content-body h2,
.page-template .post-content-body h3 {
text-align: center;
}
/*# sourceMappingURL=screen.css.map */