@charset "UTF-8";
/* ----- А что ты ожидал тут увидеть? Зато не тормозит и работает на всём! ----- */
@font-face {
	font-family: 'IBMPlexSans-Bold';
	src: url("fonts/IBMPlexSans-Bold.ttf");
}
@font-face {
	font-family: 'IBMPlexSans-Regular';
	src: url("fonts/IBMPlexSans-Regular.ttf");
}
@font-face {
	font-family: 'IBMPlexSans-Italic';
	src: url("fonts/IBMPlexSans-Italic.ttf");
}

:root {
	--color_red: #AF2E1B;
	--color_orange: #CC6324;
	--color_black: #3B4B59;
	--color_mustard: #BFA07A;
	--color_latte: #D9C3B0;
	--color_teal: #DBDDD0;
	--color_background: #FCFAF4;
}
body {
    background: var(--color_background);
}
.link {
	text-decoration: underline;
	color: var(--color_black);
}
.link-accent {
	text-decoration: underline;
	color: var(--color_red);
}
.link:hover {
	background-color: var(--color_teal);
}
.link-accent:hover {
	background-color: var(--color_teal);
}
.marker {
	font-family: IBMPlexSans-Italic;
	background-color: var(--color_latte);
}
table {
    border-collapse: collapse;
}
td {
    padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 24px;
    text-align: left;
	vertical-align: top;
}
tr:not(:last-child) {
            border-bottom: 1px solid #DBDDD0;
}

/* ----------------------------------------------------------------------- MEDIA */
@media (max-width: 743px){
	/* ------------------------------ Типографика ------------------------------ */
	.header {
		font-family: IBMPlexSans-Bold;
		font-size: 2rem;
		line-height: 2rem;
		color: var(--color_black);
		text-align: left;
	}
	.text {
		font-family: IBMPlexSans-Regular;
		font-size: 1rem;
		line-height: 1.5rem;
		color: var(--color_black);
		text-align: left;
		hyphens: auto;
	}
	.bold {
		font-family: IBMPlexSans-Bold;
		font-size: 1rem;
		line-height: 1.5rem;
		color: var(--color_black);
		text-align: left;
	}
	.italic {
		font-family: IBMPlexSans-Italic;
		font-size: 1rem;
		line-height: 1.5rem;
		color: var(--color_black);
		text-align: left;
	}
	/* ------------------------------ Главная ---------------------------------- */
	.main-index {
		z-index: 999;
		width: 263px;
		position: absolute;
		left: 50%;
		top: 40px;
		margin-left: -100px;
		margin-right: 0px;
		padding: 0px;
	}
	.head-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 8px;
	}
	.afterword-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 8px;
		padding-bottom: 20px;
	}
	.article-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footer-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
		padding-bottom: 80px;
	}
	.avatar-index img {
		position: inherit;
		width: 200px;
		height: 287px;
		left: 0px;
		top: 0px;
		margin-top: -56px;
		padding-bottom: 40px;
	}
	.thoughts-index img {
		position: inherit;
		width: 100px;
		height: 100px;
		margin-left: -40px;
		top: 0px;
	}
	/* ------------------------------ Статьи и Иллюстрации: Список ------------- */
	.main-list {
		z-index: 999;
		width: 327px;
		position: absolute;
		left: 0px;
		top: 40px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-list {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 45px;
	}
	.head-list {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 8px;
	}
	.afterword-list {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 8px;
		padding-bottom: 20px;
	}
	.article-list {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.illustration-column-list{
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 28px;
	}
	.illustration-card-list{
		margin-top: 0;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 24px;
	}
	.illustration-card-list img{
		width: 327px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-list {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
		padding-bottom: 80px;
	}
	.coverbox-list img {
		position:inherit;
		width: 327px;
		padding: 0px;
		top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 40px;
	}
	.coverbox-title-list {
		width: 327px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 40px;
		margin-top: -28px;
	}
	/* ------------------------------ Статья ------------------------------------*/
	.main-design {
		z-index: 999;
		width: 327px;
		position: absolute;
		left: 0px;
		top: 40px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-design {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 45px;
	}
	.head-design {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 8px;
	}
	.afterword-design {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.article-design {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.article-design img{
		width: 327px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.img-gif {
		margin-left: 0px;
		padding-bottom: 20px;
	}
	.footer-design {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
		padding-bottom: 80px;
	}
	.coverbox-design {
		width: 327px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 40px;
		margin-top: -28px;
	}
	.coverbox-design img {
		position:inherit;
		width: 327px;
		padding: 0px;
		top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	/* ------------------------------ Иллюстрация -------------------------------*/
	.main-illustration {
		z-index: 999;
		width: 327px;
		position: absolute;
		left: 0px;
		top: 40px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-illustration {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 45px;
	}
	.head-illustration {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 16px;
	}
	.afterword-illustration {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.article-illustration {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 40px;
	}
	.article-illustration img{
		width: 327px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-illustration {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
		padding-bottom: 80px;
	}
	.coverbox-title-illustration {
		width: 327px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 40px;
		margin-top: 0px;
	}
}

@media (min-width: 744px) and (max-width: 1140px){
	/* ------------------------------ Типографика ------------------------------ */
	.header {
		font-family: IBMPlexSans-Bold;
		font-size: 3rem;
		line-height: 3rem;
		color: var(--color_black);
		text-align: left;
	}
	.text {
		font-family: IBMPlexSans-Regular;
		font-size: 1rem;
		line-height: 1.5rem;
		color: var(--color_black);
		text-align: left;
		hyphens: auto;
	}
	.bold {
		font-family: IBMPlexSans-Bold;
		font-size: 1rem;
		line-height: 1.5rem;
		color: var(--color_black);
		text-align: left;
	}
	.italic {
		font-family: IBMPlexSans-Italic;
		font-size: 1rem;
		line-height: 1.5rem;
		color: var(--color_black);
		text-align: left;
	}
	/* ------------------------------ Главная ---------------------------------- */
	.main-index {
		z-index: 999;
		width: 320px;
		position: absolute;
		left: 50%;
		top: 80px;
		margin-left: -160px;
		margin-right: 0px;
		padding: 0px;
	}
	.head-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 12px;
	}
	.afterword-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 28px;
	}
	.article-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 28px;
	}
	.footer-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 160px;
	}
	.avatar-index img {
		position: inherit;
		width: 320px;
		height: 460px;
		left: 0px;
		top: 0px;
		padding-bottom: 56px;
		margin-top: -120px;
	}
	.thoughts-index img {
		position: inherit;
		width: 120px;
		height: 120px;
		margin-left: -24px;
		top: 0px;
	}
	/* ------------------------------ Статьи и Иллюстрации: Список ------------- */
	.main-list {
		z-index: 999;
		width: 584px;
		position: absolute;
		left: 0px;
		top: 80px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-list {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.head-list {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 12px;
	}
	.afterword-list {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 28px;
	}
	.article-list {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 28px;
	}
	.illustration-column-list{
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 28px;
	}
	.illustration-card-list{
		margin-top: 0;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 24px;
	}
	.illustration-card-list img{
		width: 584px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-list {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 160px;
	}
	.coverbox-list img {
		position:inherit;
		width: 584px;
		top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.coverbox-title-list {
		width: 584px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
		margin-top: -28px;
	}
	/* ------------------------------ Статья ------------------------------------*/
	.main-design {
		z-index: 999;
		width: 584px;
		position: absolute;
		left: 0px;
		top: 80px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-design {
		position: inherit;
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.head-design {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 12px;
	}
	.afterword-design {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 28px;
	}
	.article-design {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 28px;
	}
	.article-design img{
		width: 584px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.img-gif {
		margin-left: 0px;
		padding-bottom: 28px;
	}
	.coverbox-design {
		width: 484px;
		height: 438px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
		margin-top: 0px;
	}
	.coverbox-design img {
		position:inherit;
		width: 292px;
		height: 438px;
		margin-top: 0px;
		padding-left: 292px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	/* ------------------------------ Иллюстрация -------------------------------*/
	.main-illustration {
		z-index: 999;
		width: 584px;
		position: absolute;
		left: 0px;
		top: 80px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-illustration {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.head-illustration {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 12px;
	}
	.afterword-illustration {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 28px;
	}
	.article-illustration {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.article-illustration img{
		width: 584px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-illustration {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 160px;
	}
	.coverbox-title-illustration {
		width: 584px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
		margin-top: 0px;
	}
}

@media (min-width: 1141px) and (max-width: 1439px){
	/* ------------------------------ Типографика ------------------------------ */
	.header {
		font-family: IBMPlexSans-Bold;
		font-size: 3rem;
		line-height: 3rem;
		color: var(--color_black);
		text-align: left;
	}
	.text {
		font-family: IBMPlexSans-Regular;
		font-size: 1rem;
		line-height: 1.5rem;
		color: var(--color_black);
		text-align: left;
		hyphens: auto;
	}
	.bold {
		font-family: IBMPlexSans-Bold;
		font-size: 1rem;
		line-height: 1.5rem;
		color: var(--color_black);
		text-align: left;
	}
	.italic {
		font-family: IBMPlexSans-Italic;
		font-size: 1rem;
		line-height: 1.5rem;
		color: var(--color_black);
		text-align: left;
	}
	/* ------------------------------ Главная ---------------------------------- */
	.main-index {
		z-index: 999;
		width: 400px;
		padding: 0px;
		position: absolute;
		left: 50%;
		top: 80px;
		margin-left: -480px;
		margin-right: 0px;
	}
	.head-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 12px;
		margin-top: -638px;
	}
	.afterword-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 28px;
	}
	.article-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 28px;
	}
	.footer-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 160px;
	}
	.avatar-index img {
		position: inherit;
		width: 400px;
		height: 574px;
		left: 0px;
		top: 0px;
		padding-bottom: 56px;
		margin-left: 560px;
		margin-top: -120px;
	}
	.thoughts-index img {
		position: inherit;
		width: 120px;
		height: 120px;
		margin-left: 560px;
		top: 120px;
	}
	/* ------------------------------ Статьи и Иллюстрации: Список ------------- */
	.main-list {
		z-index: 999;
		width: 1120px;
		position: absolute;
		left: 0px;
		top: 80px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-list {
		margin-top: 0px;
		margin-left: 450px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.head-list {
		margin-left: 450px;
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 12px;
	}
	.afterword-list {
		margin-left: 450px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 28px;
	}
	.article-list {
		margin-left: 450px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 28px;
	}
	.illustration-column-list{
		margin-left: 450px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 28px;
		column-count: 2;
	}
	.illustration-card-list{
		width: 323px;
		page-break-inside: avoid;
		break-inside: avoid;
		margin-top: 0;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 24px;
	}
	.illustration-card-list img{
		width: 323px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-list {
		margin-left: 450px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 160px;
	}
	.coverbox-list img {
		position: fixed;
		width: 370px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.coverbox-title-list {
		position: fixed;
		width: 370px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
		margin-top: 454px;
	}
	/* ------------------------------ Статья ------------------------------------*/
	.main-design {
		z-index: 999;
		width: 1120px;
		position: absolute;
		left: 0px;
		top: 80px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-design {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 24px;
	}
	.head-design {
		width: 670px;
		margin-top: 0px;
		margin-left: 350px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 12px;
	}
	.afterword-design {
		width: 670px;
		margin-left: 350px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 28px;
	}
	.article-design {
		width: 670px;
		margin-left: 350px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.article-design img{
		width: 670px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.img-gif {
		margin-left: 350px;
		padding-bottom: 56px;
	}
	.footer-design {
		margin-left: 350px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 160px;
	}
	.coverbox-design {
		position: fixed;
		width: 270px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.coverbox-design img {
		width: 270px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	/* ------------------------------ Иллюстрация -------------------------------*/
	.main-illustration {
		z-index: 999;
		width: 1120px;
		position: absolute;
		left: 0px;
		top: 80px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-illustration {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.head-illustration {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 12px;
	}
	.afterword-illustration {
		margin-left: 450px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 28px;
	}
	.article-illustration {
		margin-left: 450px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.article-illustration img{
		width: 670px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-illustration {
		margin-left: 450px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 160px;
	}
	.coverbox-title-illustration {
		position: fixed;
		width: 370px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
		margin-top: 0px;
	}
}

@media (min-width: 1440px) and (max-width: 1919px){
	/* ------------------------------ Типографика ------------------------------ */
	.header {
		font-family: IBMPlexSans-Bold;
		font-size: 3.5rem;
		line-height: 3.5rem;
		color: var(--color_black);
		text-align: left;
	}
	.text {
		font-family: IBMPlexSans-Regular;
		font-size: 1rem;
		line-height: 1.5rem;
		color: var(--color_black);
		text-align: left;
		hyphens: auto;
	}
	.bold {
		font-family: IBMPlexSans-Bold;
		font-size: 1rem;
		line-height: 1.5rem;
		color: var(--color_black);
		text-align: left;
	}
	.italic {
		font-family: IBMPlexSans-Italic;
		font-size: 1rem;
		line-height: 1.5rem;
		color: var(--color_black);
		text-align: left;
	}
	/* ------------------------------ Главная ---------------------------------- */
	.main-index {
		z-index: 999;
		width: 420px;
		padding: 0px;
		position: absolute;
		left: 50%;
		top: 80px;
		margin-left: -520px;
		margin-right: 0px;
	}
	.head-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 12px;
		margin-top: -660px;
	}
	.afterword-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 28px;
	}
	.article-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 28px;
	}
	.footer-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 160px;
	}
	.avatar-index img {
		position: inherit;
		width: 420px;
		height: 604px;
		left: 0px;
		top: 0px;
		padding-bottom: 56px;
		margin-left: 620px;
		margin-top: -120px;
	}
	.thoughts-index img {
		position: inherit;
		width: 120px;
		height: 120px;
		margin-left: 620px;
		top: 0px;
	}
	/* ------------------------------ Статьи и Иллюстрации: Список ------------- */
	.main-list {
		z-index: 999;
		width: 1280px;
		position: absolute;
		left: 0px;
		top: 80px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-list {
		margin-top: 0px;
		margin-left: 510px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.head-list {
		margin-left: 510px;
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 12px;
	}
	.afterword-list {
		margin-left: 510px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 28px;
	}
	.article-list {
		margin-left: 510px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 28px;
	}
	.illustration-column-list{
		margin-left: 510px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 28px;
		column-count: 2;
	}
	.illustration-card-list{
		width: 373px;
		page-break-inside: avoid;
		break-inside: avoid;
		margin-top: 0;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 32px;
	}
	.illustration-card-list img{
		width: 373px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-list {
		margin-left: 510px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 160px;
	}
	.coverbox-list img {
		position: fixed;
		width: 430px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.coverbox-title-list {
		position: fixed;
		width: 430px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
		margin-top: 524px;
	}
	/* ------------------------------ Статья ------------------------------------*/
	.main-design {
		z-index: 999;
		width: 1280px;
		position: absolute;
		left: 0px;
		top: 80px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-design {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 24px;
	}
	.head-design {
		width: 770px;
		margin-left: 410px;
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 12px;
	}
	.afterword-design {
		width: 770px;
		margin-left: 410px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 28px;
	}
	.article-design {
		width: 770px;
		margin-left: 410px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 28px;
	}
	.article-design img{
		width: 770px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.img-gif {
		margin-left: 410px;
		padding-bottom: 28px;
	}
	.footer-design {
		margin-left: 410px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 160px;
	}
	.coverbox-design {
		position: fixed;
		width: 330px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
	}
	.coverbox-design img {
		position: fixed;
		width: 330px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	/* ------------------------------ Иллюстрация -------------------------------*/
	.main-illustration {
		z-index: 999;
		width: 1280px;
		position: absolute;
		left: 0px;
		top: 80px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-illustration {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.head-illustration {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 12px;
	}
	.afterword-illustration {
		margin-left: 510px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 28px;
	}
	.article-illustration {
		margin-left: 510px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.article-illustration img{
		width: 770px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-illustration {
		margin-left: 510px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 160px;
	}
	.coverbox-title-illustration {
		position: fixed;
		width: 430px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
		margin-top: 0px;
	}
}

@media (min-width: 1920px) and (max-width: 2239px){
	/* ------------------------------ Типографика ------------------------------ */
	.header {
		font-family: IBMPlexSans-Bold;
		font-size: 5rem;
		line-height: 5rem;
		color: var(--color_black);
		text-align: left;
	}
	.text {
		font-family: IBMPlexSans-Regular;
		font-size: 1.5rem;
		line-height: 2rem;
		color: var(--color_black);
		text-align: left;
		hyphens: auto;
	}
	.bold {
		font-family: IBMPlexSans-Bold;
		font-size: 1.5rem;
		line-height: 2rem;
		color: var(--color_black);
		text-align: left;
	}
	.italic {
		font-family: IBMPlexSans-Italic;
		font-size: 1.5rem;
		line-height: 2rem;
		color: var(--color_black);
		text-align: left;
	}
	/* ------------------------------ Главная ---------------------------------- */
	.main-index {
		z-index: 999;
		width: 510px;
		padding: 0px;
		position: absolute;
		left: 50%;
		top: 112px;
		margin-left: -660px;
		margin-right: 0px;
	}
	.head-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 16px;
		margin-top: -797px;
	}
	.afterword-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 16px;
		padding-bottom: 32px;
	}
	.article-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 32px;
		padding-bottom: 32px;
	}
	.footer-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 32px;
		padding-bottom: 224px;
	}
	.avatar-index img {
		position: inherit;
		width: 510px;
		height: 733px;
		left: 0px;
		top: 0px;
		padding-bottom: 64px;
		margin-left: 810px;
		margin-top: -120px;
	}
	.thoughts-index img {
		position: inherit;
		width: 120px;
		height: 120px;
		margin-left: 810px;
		top: 0px;
	}
	/* ------------------------------ Статьи и Иллюстрации: Список ------------- */
	.main-list {
		z-index: 999;
		width: 1568px;
		position: absolute;
		left: 0px;
		top: 112px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-list {
		margin-top: 0px;
		margin-left: 618px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 64px;
	}
	.head-list {
		margin-left: 618px;
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 16px;
	}
	.afterword-list {
		margin-left: 618px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 16px;
		padding-bottom: 32px;
	}
	.article-list {
		margin-left: 618px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 32px;
		padding-bottom: 32px;
	}
	.illustration-column-list{
		margin-left: 618px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 32px;
		padding-bottom: 32px;
		column-count: 2;
	}
	.illustration-card-list{
		width: 459px;
		page-break-inside: avoid;
		break-inside: avoid;
		margin-top: 0;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 40px;
	}
	.illustration-card-list img{
		width: 459px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-list {
		margin-left: 618px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 32px;
		padding-bottom: 224px;
	}
	.coverbox-list img {
		position: fixed;
		width: 538px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 64px;
	}
	.coverbox-title-list {
		position: fixed;
		width: 538px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 64px;
		margin-top: 658px;
	}
	/* ------------------------------ Статья ------------------------------------*/
	.main-design {
		z-index: 999;
		width: 1568px;
		position: absolute;
		left: 0px;
		top: 112px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-design {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 32px;
	}
	.head-design {
		width: 950px;
		margin-left: 468px;
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 16px;
	}
	.afterword-design {
		width: 950px;
		margin-left: 468px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 32px;
	}
	.article-design {
		width: 950px;
		margin-left: 468px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 32px;
		padding-bottom: 32px;
	}
	.article-design img{
		width: 950px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.img-gif {
		margin-left: 468px;
		padding-bottom: 32px;
	}
	.footer-design {
		margin-left: 468px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 32px;
		padding-bottom: 224px;
	}
	.coverbox-design {
		position: fixed;
		width: 3888px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
	}
	.coverbox-design img {
		position: fixed;
		width: 388px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	/* ------------------------------ Иллюстрация -------------------------------*/
	.main-illustration {
		z-index: 999;
		width: 1568px;
		position: absolute;
		left: 0px;
		top: 112px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-illustration {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.head-illustration {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 16px;
	}
	.afterword-illustration {
		margin-left: 618px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 32px;
	}
	.article-illustration {
		margin-left: 618px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 64px;
	}
	.article-illustration img{
		width: 950px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-illustration {
		margin-left: 618px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 32px;
		padding-bottom: 224px;
	}
	.coverbox-title-illustration {
		position: fixed;
		width: 538px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 64px;
		margin-top: 0px;
	}
}

@media (min-width: 2240px) and (max-width: 3839px){
	/* ------------------------------ Типографика ------------------------------ */
	.header {
		font-family: IBMPlexSans-Bold;
		font-size: 6rem;
		line-height: 6rem;
		color: var(--color_black);
		text-align: left;
	}
	.text {
		font-family: IBMPlexSans-Regular;
		font-size: 1.5rem;
		line-height: 2rem;
		color: var(--color_black);
		text-align: left;
		hyphens: auto;
	}
	.bold {
		font-family: IBMPlexSans-Bold;
		font-size: 1.5rem;
		line-height: 2rem;
		color: var(--color_black);
		text-align: left;
	}
	.italic {
		font-family: IBMPlexSans-Italic;
		font-size: 1.5rem;
		line-height: 2rem;
		color: var(--color_black);
		text-align: left;
	}
	/* ------------------------------ Главная ---------------------------------- */
	.main-index {
		z-index: 999;
		width: 670px;
		padding: 0px;
		position: absolute;
		left: 50%;
		top: 144px;
		margin-left: -820px;
		margin-right: 0px;
	}
	.head-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 20px;
		margin-top: -1035px;
	}
	.afterword-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
		padding-bottom: 36px;
	}
	.article-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 36px;
		padding-bottom: 36px;
	}
	.footer-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 36px;
		padding-bottom: 288px;
	}
	.avatar-index img {
		position: inherit;
		width: 670px;
		height: 963px;
		left: 0px;
		top: 0px;
		padding-bottom: 72px;
		margin-left: 970px;
		margin-top: -144px;
	}
	.thoughts-index img {
		position: inherit;
		width: 160px;
		height: 160px;
		margin-left: 990px;
		top: 0px;
	}
	/* ------------------------------ Статьи и Иллюстрации: Список ------------- */
	.main-list {
		z-index: 999;
		width: 1840px;
		position: absolute;
		left: 0px;
		top: 144px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-list {
		margin-top: 0px;
		margin-left: 720px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 72px;
	}
	.head-list {
		margin-left: 720px;
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.afterword-list {
		margin-left: 720px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
		padding-bottom: 36px;
	}
	.article-list {
		margin-left: 720px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 36px;
		padding-bottom: 36px;
	}
	.illustration-column-list{
		margin-left: 720px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 36px;
		padding-bottom: 36px;
		column-count: 2;
	}
	.illustration-card-list{
		width: 540px;
		page-break-inside: avoid;
		break-inside: avoid;
		margin-top: 0;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 48px;
	}
	.illustration-card-list img{
		width: 540px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-list {
		margin-left: 720px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 36px;
		padding-bottom: 288px;
	}
	.coverbox-list img {
		position: fixed;
		width: 640px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 72px;
	}
	.coverbox-title-list {
		position: fixed;
		width: 640px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 72px;
		margin-top: 787px;
	}
	/* ------------------------------ Статья ------------------------------------*/
	.main-design {
		z-index: 999;
		width: 1840px;
		position: absolute;
		left: 0px;
		top: 144px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-design {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 72px;
	}
	.head-design {
		margin-left: 720px;
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.afterword-design {
		margin-left: 720px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
		padding-bottom: 36px;
	}
	.article-design {
		margin-left: 720px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 36px;
		padding-bottom: 36px;
	}
	.article-design img{
		width: 1120px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.img-gif {
		margin-left: 720px;
		padding-bottom: 36px;
	}
	.footer-design {
		margin-left: 720px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 36px;
		padding-bottom: 288px;
	}
	.coverbox-design {
		position: fixed;
		width: 640px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.coverbox-design img {
		position: fixed;
		width: 640px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	/* ------------------------------ Иллюстрация -------------------------------*/
	.main-illustration {
		z-index: 999;
		width: 1840px;
		position: absolute;
		left: 0px;
		top: 144px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-illustration {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 72px;
	}
	.head-illustration {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.afterword-illustration {
		margin-left: 720px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
		padding-bottom: 36px;
	}
	.article-illustration {
		margin-left: 720px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 72px;
	}
	.article-illustration img{
		width: 1120px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-illustration {
		margin-left: 720px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 36px;
		padding-bottom: 288px;
	}
	.coverbox-title-illustration {
		position: fixed;
		width: 640px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 72px;
		margin-top: 0px;
	}
}

@media (min-width: 3840px){
	/* ------------------------------ Типографика ------------------------------ */
	.header {
		font-family: IBMPlexSans-Bold;
		font-size: 9rem;
		line-height: 9rem;
		color: var(--color_black);
		text-align: left;
	}
	.text {
		font-family: IBMPlexSans-Regular;
		font-size: 2.5rem;
		line-height: 3.5rem;
		color: var(--color_black);
		text-align: left;
	}
	.bold {
		font-family: IBMPlexSans-Bold;
		font-size: 2.5rem;
		line-height: 3.5rem;
		color: var(--color_black);
		text-align: left;
	}
	.italic {
		font-family: IBMPlexSans-Italic;
		font-size: 2.5rem;
		line-height: 3.5rem;
		color: var(--color_black);
		text-align: left;
	}
	/* ------------------------------ Главная ---------------------------------- */
	.main-index {
		z-index: 999;
		width: 1026px;
		padding: 0px;
		position: absolute;
		left: 50%;
		top: 200px;
		margin-left: -1320px;
		margin-right: 0px;
	}
	.head-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 28px;
		margin-top: -1562px;
	}
	.afterword-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 48px;
	}
	.article-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 48px;
		padding-bottom: 48px;
	}
	.footer-index {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 48px;
		padding-bottom: 400px;
	}
	.avatar-index img {
		position: inherit;
		width: 1020px;
		height: 1466px;
		left: 0px;
		top: 0px;
		padding-bottom: 96px;
		margin-left: 1620px;
		margin-top: -200px;
	}
	.thoughts-index img {
		position: inherit;
		width: 260px;
		height: 260px;
		margin-left: 1680px;
		top: 0px;
	}
	/* ------------------------------ Статьи и Иллюстрации: Список ------------- */
	.main-list {
		z-index: 999;
		width: 3040px;
		position: absolute;
		left: 0px;
		top: 200px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-list {
		margin-top: 0px;
		margin-left: 1200px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 96px;
	}
	.head-list {
		margin-left: 1200px;
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 28px;
	}
	.afterword-list {
		margin-left: 1200px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 48px;
	}
	.article-list {
		margin-left: 1200px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 48px;
		padding-bottom: 48px;
	}
	.illustration-column-list{
		margin-left: 1200px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 48px;
		padding-bottom: 48px;
		column-count: 2;
	}
	.illustration-card-list{
		width: 892px;
		page-break-inside: avoid;
		break-inside: avoid;
		margin-top: 0;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 56px;
	}
	.illustration-card-list img{
		width: 892px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-list {
		margin-left: 1200px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 48px;
		padding-bottom: 400px;
	}
	.coverbox-list img {
		position: fixed;
		width: 1040px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 96px;
	}
	.coverbox-title-list {
		position: fixed;
		width: 1040px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 96px;
		margin-top: 1271px;
	}
	/* ------------------------------ Статья ------------------------------------*/
	.main-design {
		z-index: 999;
		width: 3040px;
		position: absolute;
		left: 0px;
		top: 200px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-design {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 96px;
	}
	.head-design {
		margin-left: 1200px;
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 28px;
	}
	.afterword-design {
		margin-left: 1200px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 36px;
		padding-bottom: 36px;
	}
	.article-design {
		margin-left: 1200px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 48px;
		padding-bottom: 48px;
	}
	.article-design img{
		width: 1840px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.img-gif {
		margin-left: 1200px;
		padding-bottom: 48px;
	}
	.footer-design {
		margin-left: 1200px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 48px;
		padding-bottom: 400px;
	}
	.coverbox-design {
		position: fixed;
		width: 1040px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.coverbox-design img {
		position: fixed;
		width: 1040px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	/* ------------------------------ Иллюстрация -------------------------------*/
	.main-illustration {
		z-index: 999;
		width: 3040px;
		position: absolute;
		left: 0px;
		top: 200px;
		right: 0px; 
		margin: auto;
		padding: 0px;
	}
	.backlink-illustration {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 96px;
	}
	.head-illustration {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 28px;
	}
	.afterword-illustration {
		margin-left: 1200px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 28px;
		padding-bottom: 48px;
	}
	.article-illustration {
		margin-left: 1200px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 96px;
	}
	.article-illustration img{
		width: 1840px;
		border-width: 1px;
		border-style: solid;
		border-color: var(--color_teal);
	}
	.footer-illustration {
		margin-left: 1200px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 48px;
		padding-bottom: 400px;
	}
	.coverbox-title-illustration {
		position: fixed;
		width: 1040px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 96px;
		margin-top: 0px;
	}
}