/*#############*/
/*ОБЩИЕ СТИЛИ */
/*#############*/

@font-face {
	font-family: 'Comic Sans MS';
	src: url("/static/fonts/comici.ttf");
}

html, body {
	padding: 0;
	vertical-align: baseline;
	outline: none;
	font-size: 100%;
	background: transparent;
	border: none;
	text-decoration: none;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* Internet Explorer 10+ */
	color: #fff;
	user-select: none;
}

body {
	padding: 0;
	font: 13px/16px Tahoma, Arial, sans-serif;
	font-family: 'Comic Sans MS';
	background: #000;
	background-image: url("/static/icons/background.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

body::-webkit-scrollbar {
	width: 0;
	background: transparent;
}

/*--- Верхние кнопки навигации (общие для main / explorer / productes / view_explorer) ---*/

.text_main_buttons {
	text-decoration: none;
	color: #fff;
	font-size: 100%;
}

.top_buttons_container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 1%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	gap: 2%;
}

.top_buttons {
	border: none;
	color: white;
	text-decoration: none;
	font-size: max(2.5vw, 20px);
	cursor: pointer;
	border-radius: 100px;
	box-shadow: 0 0 0 1000px #333 inset !important;
	font-family: Comic Sans MS, Comic Sans, cursive;
	font-weight: bold;
	padding-left: 1.2%;
	padding-right: 1.2%;
	padding-top: 1.1%;
	padding-bottom: 1.8%;
	text-align: center;
}

/* Подсветка активной кнопки.*/
.text_highlight_button{ text-shadow: 1px 1px 10px #fff !important; }

@media (max-width: 1200px) {
	.top_buttons {
		font-size: 240%;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 13px;
		padding-bottom: 18px;
	}
}

@media (max-width: 540px) {
	.top_buttons {
		font-size: 5.8vw;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 2.5vw;
		padding-bottom: 3.3vw;
	}
}





/*=================*/
/*ОСНОВНЫЕ СТРАНИЦЫ*/
/*=================*/


/*ГЛАВНАЯ - main.html*/

.social_container {
	display: flex;
	flex-direction: column;
	width: 27%;
	margin: auto;
	min-width: 300px;
	margin-top: 1%;
}

#my_avatarka {
	background-image: url("/static/icons/ava.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-height: 260px;
	max-height: 198px;
	display: flex;
	flex-direction: column;
	margin: auto;
	min-width: 260px;
	margin-top: 5%;
	cursor: pointer;
	height: 15vw;
	width: 15vw;
}

/* Общая типографика подписей-ссылок на главной */
.me_text,
.telegram_text,
.discord_text,
#notification {
	text-align: center;
	font-size: x-large;
	color: #fff;
	font-weight: bold;
	font-family: Comic Sans MS, Comic Sans, cursive;
	border-color: #fff;
	user-select: text !important;
}

.me_text,
.telegram_text,
.discord_text {
	line-height: 1.3em;
}

.telegram_text {
	cursor: pointer !important;
	text-decoration: none;
}

.discord_text { cursor: text !important; }

#notification {
	cursor: pointer !important;
	margin-left: auto;
	margin-right: auto;
	margin-top: 9vw;
	animation: fadeInOut 5s ease-in-out forwards;
}

/* Общая база иконок соцсетей */
.telegram_img,
.discord_img {
	background-repeat: no-repeat;
	height: 32px;
	background-position: center;
	background-size: contain;
}

.telegram_img {
	background-image: url("/static/icons/telegram.webp");
	transform: translate(0%, 5%);
}

.discord_img {
	background-image: url("/static/icons/discord.webp");
	transform: translate(0%, 25%);
}

@keyframes fadeInOut {
	0%   { opacity: 0; }
	10%  { opacity: 1; }
	90%  { opacity: 1; }
	100% { opacity: 0; }
}




/*=========================*/
/*ПРОВОДНИК - Explorer.html*/
/*=========================*/

/* В исходнике у Explorer медиа-запрос для кнопок был max-width: 800px */
@media (max-width: 800px) {
	.top_buttons {
		font-size: 5.8vw;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 2.5vw;
		padding-bottom: 3.3vw;
	}
}
 
.path {
	display: inline;
	text-decoration: none;
	color: #fff;
	white-space: nowrap;
	transition: color 0.3s ease;
}
 
.path:hover { text-shadow: 1px 1px 10px #fff !important; }
 
.path_block {
	display: block;
	word-break: keep-all;
	font-size: 220%;
	text-align: center;
	line-height: 1;
	margin-top: max(2%, 40px);
	padding: 0 10px;
	overflow-wrap: break-word;
}
 
.table_container {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
}
 
@media (max-width: 1200px) {
	.table_container { width: 90%; }
}
 
@media (max-width: 540px) {
	.table_container { width: 100%; }
}
 
.table_whole {
	width: 100%;
}
 
.table_Ztype,
.table_Zdownload {
	width: 32px;
	display: block;
}
 
.table_Zname {
	text-decoration: none;
	width: 76%;
	height: 65px;
	font-size: 190%;
	text-align: left;
}
 
.table_Zsize {
	width: 14%;
	text-decoration: none;
	font-size: 190%;
	text-align: center;
}
 
.table_Zchanged {
	width: 8%;
	text-decoration: none;
	font-size: 190%;
	text-align: center;
}
 
@media (max-width: 540px) {
	.table_Zname,
	.table_Zsize,
	.table_Zchanged {
		font-size: 150%;
	}
}
 
.table_filenameT,
.table_filesizeT,
.table_filechangedT {
	text-decoration: none;
	color: white;
	font-size: 170%;
}
 
@media (max-width: 540px) {
	.table_filenameT,
	.table_filesizeT,
	.table_filechangedT {
		font-size: 120%;
	}
}
 
.table_filename {
	text-decoration: none;
	height: 34px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 73.4%;
	max-width: 1px;
}
 
.table_filesize,
.table_filechanged {
	text-decoration: none;
	cursor: text;
	text-align: center;
}
 
.table_download {
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	display: block;
}
 
/*--- Иконки файлов: общая база, потом специфика ---*/
 
.rar, .zip, .msi, .exe, .txt, .lnk, .mp4, .mkv, .png, .mp3, .html, .folder,
.iso, .windows_ico, .linux_ico, .tool_ico, .god_key_ico, .remote_ico,
.book_shelf_ico, .antivirus_ico, .windows7_ico, .windows8_ico, .windows10_ico, .windows11_ico {
	background-repeat: no-repeat;
	background-position: center;
	height: 32px;
	width: 32px;
	display: block;
}
 
/* Иконки приложений/систем — высота 30px */
.iso, .windows_ico, .linux_ico, .tool_ico, .god_key_ico, .remote_ico,
.book_shelf_ico, .antivirus_ico, .windows7_ico, .windows8_ico, .windows10_ico, .windows11_ico {
	height: 30px;
}
 
/* Фоновые изображения иконок */
.rar, .zip      { background-image: url('/static/icons/архив.webp'); }
.msi            { background-image: url('/static/icons/установщик.webp'); }
.exe            { background-image: url('/static/icons/программа.webp'); }
.txt            { background-image: url('/static/icons/документ.webp'); margin-left: auto; margin-right: auto; }
.lnk            { background-image: url('/static/icons/shortcut.webp'); }
.mp4, .mkv      { background-image: url('/static/icons/видео.webp'); }
.png            { background-image: url('/static/icons/картинка.webp'); }
.mp3            { background-image: url('/static/icons/аудио.webp'); }
.html           { background-image: url('/static/icons/html.webp'); }
.folder         { background-image: url('/static/icons/папка.webp'); }
.iso            { background-image: url('/static/icons/образ.webp'); }
.windows_ico,
.windows10_ico  { background-image: url('/static/icons/windows_ico.webp'); }
.linux_ico      { background-image: url('/static/icons/linux_ico.webp'); }
.tool_ico       { background-image: url('/static/icons/tool_ico.webp'); }
.god_key_ico    { background-image: url('/static/icons/god-key_ico.webp'); }
.remote_ico     { background-image: url('/static/icons/remote_ico.webp'); }
.book_shelf_ico { background-image: url('/static/icons/book-shelf_ico.webp'); }
.antivirus_ico  { background-image: url('/static/icons/shield_ico.webp'); }
.windows7_ico   { background-image: url('/static/icons/windows7_ico.webp'); }
.windows8_ico   { background-image: url('/static/icons/windows8_ico.webp'); }
.windows11_ico  { background-image: url('/static/icons/windows11_ico.webp'); }
 
/* Кнопка скачивания в таблице */
.table_Tdownload {
	width: 32px;
	height: 32px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	background-image: url('/static/icons/скачать.webp');
}
 
@media (max-width: 540px) {
	.rar, .zip, .msi, .exe, .txt, .lnk, .mp4, .mkv, .png, .mp3, .html, .folder,
	.iso, .windows_ico, .linux_ico, .tool_ico, .god_key_ico, .remote_ico,
	.book_shelf_ico, .antivirus_ico, .windows7_ico, .windows8_ico, .windows10_ico, .windows11_ico,
	.table_Tdownload {
		background-size: 29px;
	}
}


/*=====================================================*/
/*ПРЕДПРОСМОТР В ПРОВОДНИКЕ - View_Explorer_files.html */
/*=====================================================*/
 
.block {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	margin-top: 2%;
	max-width: 800px;
}
 
.block_video {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	height: 60vh;
	width: 50vw;
}
 
@media (max-width: 1130px) {
	.block       { width: 70%; }
	.block_video { height: 50vh; width: 70vw; }
}
 
@media (max-width: 540px) {
	.block       { width: 100%; }
	.block_video { height: 40vh; width: 100vw; }
}
 
.block_archive {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	margin-top: 2%;
}
 
@media (max-width: 540px) {
	.block_archive { width: 100%; }
}
 
.video {
	width: 100%;
	height: 100%;
	background-color: black;
}
 
.image,
.archive {
	max-width: 100%;
	max-height: 100%;
}
 
.archive_compress_type,
.archive_file_size,
.archive_compress_size,
.archive_modified_date,
.archive_filename {
	font-size: 150%;
	font-family: 'Comic Sans MS';
	text-align: center;
	user-select: text;
}
 
.archive_filename {
	text-shadow: 1px 1px 10px #fff !important;
	line-height: 1.5;
}
 
.text {
	font-size: 120%;
	white-space: pre-wrap;
	user-select: text;
}




/*ПРОДУКТЫ - productes.html*/

.productes_container {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 5%;
}

/* Общая типографика для всех текстовых блоков продуктов */
.version,
.optimist_description,
.optimist_defense,
.optimist_optimization,
.optimist_network,
.optimist_chill {
	font-size: x-large;
	color: #fff;
	font-weight: bold;
	font-family: Comic Sans MS, Comic Sans, cursive;
	border-color: #fff;
	line-height: 1.3em;
	user-select: text;
}

.version,
.optimist_description {
	text-align: center;
}

.optimist_container {
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: max(8%, 40px);
}

.optimist_avatarka {
	width: fit-content;
	margin: auto;
	border-radius: 100%;
	margin-bottom: 2%;
	user-select: none;
	cursor: pointer;
}

.optimist_description {
	display: flex;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.optimist_text_block {
	display: flex;
	width: 90%;
	text-align: justify;
	margin: auto;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10%;
}

/* Блоки фич — общая база */
.optimist_defense,
.optimist_optimization,
.optimist_network,
.optimist_chill {
	flex: 0 0 45%;
	font-size: calc(1.1rem + 6 * (100vw - 320px) / 880);
}

.optimist_defense,
.optimist_optimization {
	margin-bottom: 15%;
}

.optimist_network,
.optimist_chill {
	margin-bottom: 10%;
}

/* Иконки внутри блоков фич */
.optimist_defense_i,
.optimist_optimization_i,
.optimist_network_i,
.optimist_chill_i {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10%;
}






/*##################*/
/*ВТОРИЧНЫЕ СТРАНИЦЫ*/
/*##################*/


/*АНТИБОТ - Antibot.html*/

.color-button {
	width: 100px;
	height: 100px;
	margin: 10px;
	border: 2px solid black;
	cursor: pointer;
}

.color-button_block {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.press_on {
	text-align: center;
	margin-top: 17%;
	font-size: 200%;
}

.зелёный  { background-color: green; }
.зелёныйТ { color: green; }
.красный  { background-color: red; }
.красныйТ { color: red; }
.синий    { background-color: blue; }
.синийТ   { color: blue; }