*{
	margin:0;
	padding:0;
	scroll-behavior:smooth;
}
.section-logo{
	background:linear-gradient(#2F3946, #2F3946 5%, #142030 60%, #080B0F 100%);
	padding: 5rem 0 5rem;
}
.section-instructions{
	background-color:#080B0F;
}
.section-main{
	background:linear-gradient(#080B0F, #111924 100vh, #111924 100%);
}
.section-end{
	background:linear-gradient(#111924 100%, #080B0F 15vh, #080B0F 100%);
}
.end-img{
	width:70rem;
	height: 42rem;
	margin:20rem auto 0;
	background-image: url(webpage/end.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position:bottom center;
}
.header{
	width:100%;
	height:3rem;
	background-color:#4F5C6B00;
	box-shadow: none;
	z-index: 10;
	position:fixed;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition:.2s;
}
.header-part{
	height: inherit;
	width: inherit;
	display:flex;
}
#nav{
	margin:0.5rem auto;
	width:40rem;
	display:flex;
	align-items:center;
	color: #FFFFFFCC;
}
#nav a{
	width:initial;
	font-weight:bold;
	color: inherit;
	font-size:1.3rem;
	line-height: 2rem;
	padding:0 1rem;
	letter-spacing: 0.05rem;
}
#nav a:hover{
	color: white;
}
.search-input{
	padding:0 0.5rem;
	height:2.75rem;
	min-width:10rem;
}
#lang-change{
	margin:auto 0.5rem;
}
.lang-change{
	width:3.5rem;
	height:2.25rem;
	vertical-align: middle;
	background-size: 100%;
	background-repeat: no-repeat;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering:-moz-pixelated;
	image-rendering:pixelated;
	transition: .1s;
	cursor: pointer;
}
.lang-change-ru{
	background-image: url(webpage/eng.png);
}
.lang-change-ru:hover{
	filter: contrast(125%) brightness(150%);
}
.lang-change-en{
	background-image: url(webpage/ru.png);
}
.lang-change-en:hover{
	filter: contrast(125%) brightness(150%);
}
.side-panel{
	width:19rem;
	padding:5.5rem 0 1rem;
	background-color:#4f5c6b80;
	box-shadow: 0px 0.3rem 1rem 0.3rem #080B0F7F;
	top:0;
	position: fixed;
	transition: background-color .5s;
	z-index:1;
	height: 100%;
}
@media (max-width: 1400px){
	.side-panel{
		width:14rem;
	}
	.side-panel p{
		font-size:0.9rem!important;
	}
	.side-panel h1{
		padding:1.5rem 0 3.5rem 2rem!important;
		font-size:1.5rem!important;
	}
	.titles-container{
		padding:0!important;
		width:14rem!important;
	}
	.ul-2 p{
		padding-left:2rem!important;
	}
	.ul-3 p{
		padding-left:4rem!important;
	}
	.logo{
		width:50rem!important;
	}
	.download{
		background-position: 0 3.5rem!important;
	}
	.titles{
		background-position: 0 3.5rem!important;
	}
	.download-tab{
		width:12rem!important;
		margin:0.25rem 0 0.25rem 1rem!important;
	}
	.download-tab p{
		padding: 0 0 0 0.5rem!important;
	}
}
@media (max-width: 1200px){
	.download{
		background-position: 0 4.5rem!important;
	}
	.titles{
		background-position: 0 4.5rem!important;
	}
	.end-img{
		width:inherit;
		background-size: contain;
		height:80svh;
	}
	.side-panel{
		width:10rem;
	}
	.side-panel h1{
		padding:1.5rem 0 2.5rem 1.5rem!important;
		font-size:1.3rem!important;
	}
	.logo{
		width:40rem!important;
		animation:none !important;
	}
	.titles-container{
		width:10rem!important;
	}
	.ul-2 p{
		padding-left:1.5rem!important;
	}
	.ul-3 p{
		padding-left:2rem!important;
	}
	.download-tab{
		min-height:3rem!important;
		width:9rem!important;
		margin:0.25rem 0 0.25rem 1rem!important;
	}
	.download-tab p{
		padding: 0 0 0 0.25rem!important;
		line-height:inherit;
	}
}
@media (max-width: 1015px){
	.side-panel{
		display:none!important;
	}
	.header{
		background-color:#4F5C6B;
		box-shadow: 0px 0.3rem 1rem 0.3rem #080B0F7F;
	}
}
@media (max-width: 800px){
	.logo{
		width:90%!important;
	}
	.container{
		width:95%!important;
	}
	.ul p{
		padding:0.5rem 0 0.5rem 1.5rem!important;
	}
	p{
		width:auto!important;
	}
	h1{
		width:auto!important;
	}
	h2{
		width:auto!important;
	}
	h3{
		width:auto!important;
	}
	hr{
		width:auto!important;
	}
	table{
		width:auto!important;
	}
}
@media (max-width: 625px){
	#nav a{
		font-size:1rem;
		/* padding:0 1rem; На потом, когда понадобится добавить больше ссылок*/
	}
	.logo{
		height:35svh!important;
	}
	.container{
		width:95%!important;
	}
	.ul p{
		padding:0.5rem 0 0.5rem 1.5rem!important;
	}
	.description{
		width: auto!important;
	}
	.description p{
		padding: 0.25rem 1rem 0.25rem 1rem!important;
		font-size:0.75rem!important;
		line-height: 1rem!important;
	}
	p{
		width:auto!important;
		line-height: 1.4rem!important;
		font-size:1rem!important;
	}
	h1{
		padding:6rem 0 1rem 3rem!important;
		font-size:1.4rem!important;
	}
	h2{
		font-size:1.2rem!important;
	}
	h3{
		font-size:1rem!important;
	}
	table{
		width:auto!important;
		line-height: 1rem!important;
		font-size:0.75rem!important;
	}
	.entity-table img{
		width:100%!important;
		margin: 0.25rem 0.25rem 0 0!important;
	}
}
.side-panel h1{
	padding-top: 3rem;
	padding-left: 3rem;
	width:initial;
}
.side-panel:hover{
	background-color:#4f5c6b90;
}
.side-panel p{
	width:initial;
	margin:initial;
	word-wrap:break-word;
	padding:0.5rem 1rem;
}
.download{
	transform: translateX(0.25rem);
	background-image: url(webpage/download.png);
	background-position: 0 4.5rem;
	background-size: 100%;
	background-repeat: no-repeat;
	right:0;
	transition:.4s ease-in-out;
}
.download:hover{
	transform: translateX(0);
}
.download-tab{
	width:15rem;
	margin:1rem 0 1rem 1rem;
	display:flex;
	justify-content:space-between;
	align-items: center;
	box-shadow: 0px 0.2rem 0.3rem 0.2rem #2F3946;
	transition: background-color .1s;
}
.download-tab img{
	width:2rem;
	height:2rem;
	padding:0.25rem 0.5rem;
	border-left: 0.125rem solid #080b0f46;
}
.download-tab p{
	font-family: "Arial";
	font-weight: bold;
	color:white;
	font-size:1.2rem;
}
.download-note{
	font-size:1rem!important;
	padding:0 1rem .25rem!important;
}
.download__optifine{
	background-color: rgba(167, 61, 61, 0.75);
}
.download__optifine:hover{
	background-color: rgb(202, 65, 65, 0.75);
}
.download__ksepsp{
	background-color: rgba(167, 61, 61, 0.75);
}
.download__ksepsp:hover{
	background-color: rgb(202, 65, 65, 0.75);
}
.download__pmc{
	background-color: rgba(61, 167, 79, 0.75);
}
.download__pmc:hover{
	background-color: rgba(70, 194, 90, 0.75);
}
.download__modrinth{
	background-color: rgba(61, 167, 79, 0.75);
}
.download__modrinth:hover{
	background-color: rgba(70, 194, 90, 0.75);
}
.download__vk{
	background-color: rgba(61, 119, 167, 0.75);
}
.download__vk:hover{
	background-color: rgba(65, 142, 204, 0.75);
}
.download__tg{
	background-color: rgba(62, 138, 193, 0.75);
}
.download__tg:hover{
	background-color: rgba(69, 155, 216, 0.75);
}
.titles{
	transform: translateX(-0.25rem);
	background-position: 0 4.5rem;
	background-image: url(webpage/title.png);
	background-size: 100%;
	background-repeat: no-repeat;
	transition:.4s ease-in-out;
}
.titles:hover{
	transform: translateX(0);
}
.titles-container{
	height:75svh;
	width:16.75rem;
	padding-left:2.25rem;
	overflow-y:scroll;
	scrollbar-base-color: transparent;
	scrollbar-color: #18243390;
}
.titles-container::-webkit-scrollbar{
	width:0.6rem;
}
.titles-container::-webkit-scrollbar-track{
	background: transparent;
}
.titles-container::-webkit-scrollbar-thumb{
	background-color: #18243390;
	border-radius: 0.5rem;
	cursor:pointer;
}
.titles-container p{
	font-size:1.2rem;
	line-height: 1.2rem;
	letter-spacing:0.025rem;
}
.titles-container a{
	margin-right:0.25rem;
}
.titles-container a:hover{
	background-color:#18243390;
}
.container{
	width:55rem;
	margin:auto;
}
.logo{
	margin:3rem auto 1rem;
	width:50rem;
	height:17rem;
	background-image:url("webpage/logo.png");
	background-repeat: no-repeat;
	background-size: 100%;
	animation: logo-anim linear forwards;
	animation-timeline: scroll();
	animation-range-start: cover;
	animation-range-end: cover 100px;
}
@keyframes logo-anim {
	to{
		opacity: 0;
		transform: scale(1.25);
	}
}
.image{
	margin:1rem auto 2rem;
	width:42.5rem;
	height:26rem;
	background-color: #4F5C6B;
	background-repeat: no-repeat;
	background-size: 100%;
	box-shadow: 0px 0.3rem 1rem 0.3rem #0b0e13;
}
.bold{
	font-weight:bold;
}
.red-text{
	color: rgb(212, 70, 70);
}
.muted-text{
	color: #879099;
	font-size: 0.9rem;
}
.ul{
	padding:0.5rem 0 0.5rem;
}
.ul p{
	padding:0.5rem 0 0.5rem 5rem;
	width:37.5rem;
}
.ul-2 p{
	padding:0.5rem 0 0.5rem 2.5rem;
}
.ul-3 p{
	padding:0.5rem 0 0.5rem 5rem;
}
.entity-table{
	padding-bottom: 3rem;
}
.entity-table tr:first-of-type td{
	background-color:#2F3946;
}
.entity-table tr:first-of-type:hover td{
	background-color:#2F3946;
}
.entity-table tr:hover > td{
	background-color:#182433;
}
.entity-table tr{
	position: relative;
	z-index: 2;
}
.entity-table td{
	background-color:#142030;
	border:0.1rem solid #111924;
	padding:0 0.25rem;
	vertical-align: top;
	transition: background-color .2s;
}
.entity-table td:nth-of-type(1){
	width:10rem;
	border-left:0;
}
.entity-table td:nth-of-type(2){
	width:7rem;
}
.entity-table td:nth-of-type(3){
	width:20rem;
	border-right:0;
}
.entity-table img{
	width: 18.5rem;
	margin: 0.75rem 0.75rem 0 0.75rem;
}
.entity-table span{
	z-index: 1;
	position: relative;
}
.description{
	background: linear-gradient(to right,#2F3946, #182433);
	box-shadow: -1.5rem 0rem 0.85rem 0rem #090F167f;
	height: inherit;
	width: 34.5rem;
	outline: 0.15rem solid #182433;
	outline-offset:-0.25rem;
	position: absolute;
	top:-0.1rem;
	left:8.06rem;
	display:none;
	transition:.2s;
	z-index:999;
}
.description p{
	padding:0.25rem 0.25rem 0.25rem 1rem;
}
.items-table{
	padding-bottom: 3rem;
}
.items-table tr td:first-of-type:hover > .description{
	display:block;
}
.items-table tr:first-of-type td{
	background-color:#2F3946;
}
.items-table tr:first-of-type:hover td{
	background-color:#2F3946;
}
.items-table tr:hover > td{
	background-color:#182433;
}

.items-table tr{
	position: relative;
	z-index: 2;
}
.items-table td{
	background-color:#142030;
	border:0.1rem solid #111924;
	padding:0 0.25rem;
	vertical-align: top;
	transition: background-color .2s;
}
.items-table td:nth-of-type(1){
	width:6rem;
	border-left:0;
}
.items-table td:nth-of-type(2){
	width:16rem;
}
.items-table td:nth-of-type(3){
	width:10.7rem;
}
.items-table td:nth-of-type(4){
	width:9.5rem;
	border-right:0;
}
.items-table img{
	width: 3rem;
	height: 3rem;
	margin: 0.75rem 0.75rem 0 0.75rem;
}
.items-table span{
	z-index: 1;
	position: relative;
}
.items-table-list div{
	margin-bottom: 0.25rem;
	padding-bottom: 0.25rem;
	border-bottom: 1px solid #2F3946;
}
.items-table-list div:last-of-type{
	margin-bottom: none;
	border-bottom: none;
}
.small-text{
	font-size:1rem;
	color: rgb(212, 70, 70);
}
.x2{
	position:relative;
	width: 6rem !important;
	height: 6rem !important;
	left:-1.5rem;
}
.x4{
	position:absolute;
	width: 12rem !important;
	height: 12rem !important;
	margin-left:-3rem !important;
	margin-top: -3rem !important;
}
.note{
	color:rgb(150, 150, 160);
	padding-left:2.5rem;
}
td:has(img.x4){
	height: 8rem;
}
.animated-texture{
	object-fit: cover;
	object-position: top;
}
.overlay{
	position: absolute;
	left:-1.25rem;
}
.ru{
	display:block;
}
.en{
	display:none;
}
img{
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering:pixelated;
	image-rendering:-moz-pixelated;
}
a{
	text-decoration: none;
	color: rgb(212, 70, 70);
	transition: color .025s;
}
a:hover{
	color:white;
}
p{
	color: rgb(226, 226, 226);
	font-size:1.4rem;
	width:42.5rem;
	line-height: 2rem;
	margin:auto;
	padding:1rem 0 1rem;
}
h1{
	color: white;
	font-size:1.6rem;
	width:42.5rem;
	line-height: 2rem;
	margin:auto;
	padding:6rem 0 1rem 5rem;
	letter-spacing: 0.05rem;
}
h2{
	color: white;
	font-size:1.4rem;
	width:42.5rem;
	line-height: 2rem;
	margin:auto;
	padding:1rem 0 1rem;
	letter-spacing: 0.025rem;
}
h3{
	color: white;
	font-size:1.4rem;
	width:42.5rem;
	line-height: 2rem;
	margin:auto;
	font-weight: normal;
}
hr{
	width:42.5rem;
	margin:auto;
}
table{
	width:42.5rem;
	margin:auto;
	color:white;
	border-spacing:0;
	line-height: 2rem;
	font-size:1.4rem;
}