html { 
	font-family: "Questrial", Arial, sans-serif;
	font-size: 69%;
}


body {
	margin: 0;
	padding: 0;
	background: linear-gradient(to right, #f7f7f7, #fff, #fff, #f7f7f7);
	background: -webkit-linear-gradient(to right, #f7f7f7, #fff, #fff, #f7f7f7);
	background: -moz-linear-gradient(to right, #f7f7f7, #fff, #fff, #f7f7f7);
	background: -ms-linear-gradient(to right, #f7f7f7, #fff, #fff, #f7f7f7);
	background: -o-linear-gradient(to right, #f7f7f7, #fff, #fff, #f7f7f7);
}


@font-face {
	font-family: 'Questrial';
	src: url('../fonts/Questrial-Regular.ttf') format('truetype'), 
		 url('../fonts/Questrial-Regular.woff2') format('woff2'),
		 url('../fonts/Questrial-Regular.woff') format('woff');
}


@font-face {
	font-family: 'Kanit';
	src: url('../fonts/Kanit-Black.ttf') format('truetype'), 
		 url('../fonts/Kanit-Black.woff2') format('woff2'),
		 url('../fonts/Kanit-Black.woff') format('woff');
}


@font-face {
	font-family: 'Parisienne';
	src: url('../fonts/Parisienne-Regular.ttf') format('truetype'), 
		 url('../fonts/Parisienne-Regular.woff2') format('woff2'),
		 url('../fonts/Parisienne-Regular.woff') format('woff');
}


H1, H2, H3, H4, H5, H6 {
	color: #123;
}


div, p, a, li, td, span, ul, img, body {
	text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}


a {
	color: inherit;
}


a:link, a:active {
	text-decoration: none;
	color: #000099;
}


a:hover {
	color: purple;
	text-shadow: none;
	text-decoration: underline;
}


a:visited {
	color: ghostwhite;
}


hr { 
	height: 4px;
	width: 1024x;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(17, 34, 51, 1), rgba(0, 0, 0, 0));
	border: 0;
	margin: 0 auto;
}


hr.hr_ebook:after { 
	content: "" !important;
}


hr.hr_info:after { 
	content: "" !important;
}


header { 
	width: 100%;
	background: #123;
	background-attachment: fixed;
	background: linear-gradient(to bottom, #123, #123456, #123456);
}


#logo { 
	max-width: 1024px;
	background: transparent;
	margin: auto;
	position: relative;
}


#logo h1, #logo h1 a, #logo h1 a:hover { 
	color: #f7f7f7;
	text-decoration: none;
	text-shadow: none;
	font: 7.2rem Kanit, sans-serif;
	font-weight: 900;
	margin: -4px 0 0 0;
	line-height: 1.2;
	text-shadow: 0 0 2px whitesmoke;
	display: inline-block;
	width: max-content;
	position: relative;
	z-index: 100;
}


.at_reportage {
	font-size: 1.4rem;
	text-shadow: none;
	margin: 0 0 0 -12px;
	font-family: Questrial;
	color: silver;
	transition: color 0.7s linear, box-shadow 0.7s ease;
	position: relative;
	display: inline-block;
	text-decoration: none;
}
	
	
#logo h1 a:hover > .at_reportage {
	color: #FFF;
	box-shadow: 0 -16px 24px -8px rgba(250,250,250,0.5);
}


.at_reportage::after {
	content: "";
	position: absolute;
	left: 1px;
	bottom: -2px;
	height: 2px;
	width: 2px; 
	box-shadow: 0 0 4px 1px #dc0d0d;
	background: #dc0d0d;
}


#logo h1 a:hover:hover > .at_reportage::after {
	width: 100%;
	animation: underlineFlash 1.4s forwards;
}


@keyframes underlineFlash {
	0%   { width: 2px; 	}
	30%  { width: 100%; }
	70%  { width: 100%; }
	100% { width: 2px; 	}
}


#update {
	position: absolute;
	top: 4px;
	right: 47px;
	font-size: 1.2rem;
	color: #abc;
}


.update_list li {
	display: inline-block;
}


.update_list li:nth-child(4) {
	margin-right: -4px;
}


#update a:link, #update a:active, #update a:visited {
	color: #abc;
	border-left: 1px solid #abc;
	border-right: 1px solid #abc;
	padding: 0 8px 0 8px;
	margin: 0 8px 0 0;
}


#update a:hover {
	color: #abcdef;
	transition-duration: .3s;
	text-decoration: none;
}


.circle {
  display: flex;              
  align-items: center;        
  justify-content: center;    
  width: 1.3em;               
  height: 1.3em;              
  border-radius: 50%;         
  background: transparent;
  border: 3px solid #fff;   
  animation: border-pulsate 15s linear infinite alternate;
  padding: 0;                 
  box-sizing: border-box;
}


.circle > * {
  font-size: 0.9em;
  line-height: 1;
}


#info {
	position: absolute;
	top: 14px;
	right: 0;
	margin: 0 -4px 0 0;
	text-align: right;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 222%;
	color: #fff;
	animation-name: change_color;
	animation-duration: 10s;
	animation-direction: alternate;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}


@keyframes change_color {
	100%  { color: #dc0d0d; }
	90%   { color: #000099; }
	84%   { color: maroon;  }
	70%   { color: #123;    }
	60%   { color: #843232; }
	50%   { color: #123456; }
	40%   { color: #cba;    }
	20%   { color: #abc;    }
	10%   { color: #pink;   }
	0%    { color: #abcdef; }
}


@keyframes border-pulsate {
	100%  { border-color: #dc0d0d; }
	90%   { border-color: #000099; }
	84%   { border-color: maroon;  }
	70%   { border-color: #123;    }
	60%   { border-color: #843232; }
	50%   { border-color: #123456; }
	40%   { border-color: #cba;    }
	20%   { border-color: #abc;    }
	10%   { border-color: #pink;   }
	0%    { border-color: #abcdef; }
}


#info:hover, .circle:hover, .spidy_homey:hover {
	animation-play-state: paused;
}


nav { 
	width: 100%;
	height: 32px;
	padding-block: 8px;
	background: #dc0d0d;
} 


.dropdown_wrapper {
	width: 1024px;
	margin: auto;
	position: relative;
	z-index: 3;
}


.dropdown_button {
	background-color: transparent;
	color: #fff;
	font-family: Questrial, sans-serif;
	padding: 0 0 32px 2px;
	font-size: 1.6rem;
	border: none;
	display: inline-block;
}


.download_arrow_ebook {
	margin: 0 0 0 24px;
}


.dropdown {
	position: relative;
	display: inline-block;
}


.dropdown_content {
	position: absolute;
	background: transparent;
	min-width: 100%;
	color: #000;
	top: 32px;
	left: 0%;
	z-index: 1;
	font-size: 1.2rem;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear .2s, opacity .24s linear;
}


.book_size {
	font-size: 1rem;
	float: right;
	margin: 2px 0 0 0;
	font-weight: normal;
}


.dropdown_content a:link a:hover a:active {
	text-decoration: underline;
}


.dropdown_content a:first-child {
	padding: 47px 47px 16px 47px;
	line-height: 1;
}


.dropdown_content a:nth-child(2) {
	padding: 16px 47px 16px 47px;
}


.dropdown_content a:nth-child(3) {
	padding: 16px 47px 47px 47px;
	line-height: 1;
}


.dropdown_content a {
	display: block;
	color: #fff !important;
	background: #dc0d0d;
}


.dropdown:hover .dropdown_content {
	visibility: visible;
	opacity: 1;
	transition-delay: 0;
}


.note_button-wrap {
	display: flex;
	align-items: flex-start;
	position: relative;
	height: 40px;
}


.note_button-wrap:hover .notes_list {
	display: block;
}


.note_button {
	display: block;
	height: 24px;
	margin: 4px 4px 0 0;
	opacity: 1;
	transition: transform .5s, opacity .5s;
}


.note_button-wrap:hover .note_button {
	cursor: pointer;
	transform: scale(1.4);
	opacity: .5;
}


.note_button-wrap:hover .note_label {
	cursor: pointer;
	opacity: .5;
}


.note_label {
	margin-right: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #123456;
	background: linear-gradient(to bottom,
		#123,
		#123456,
		#abc,
		#abcdef,
		#f7f7f7,
		#fedcba,
		#cba,
		#dc0d0d);
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	opacity: 1;
	transition: opacity .5s ease
}


.notes {
	display: inline-block;
	float: right;
	position: relative;
}


.notes_list {
	visibility: hidden;
	position: absolute;
	z-index: 1;
	color: #fff;
	line-height: 32px;
	width: 944px;
	right: 0;
	top: 100%;
	font-size: 1.2rem;
	font-weight: normal;
	background-color: #123456;
	text-align: left;
	opacity: 0;
	transition: visibility 0s linear .3s, opacity .5s linear;
}


.notes:hover .notes_list {
	visibility: visible;
	opacity: 1;
	transition: .5s;
	transition-delay: 0;
}


ul.notes_list {
	padding: 48px 32px 96px 48px;
	margin: 0;
	list-style-type: "-";
	color: #abcdef;
}


ul.notes_list > li {
	margin: 0 4px 0 0;
}


li.note_title {
	list-style: none;
	line-height: 16px;
	margin: 48px 32px 48px 40px !important;
}


.note_title {
	font-size: 1.6rem;
	font-weight: bold;	
	color: #abcdef;
	padding: 0 0 3px 0;
	border-bottom: 3px double #abcdef;
}


.notes_date {
	color: #f7f7f7;
	float: right;
	margin: 0 32px 0 0;
	padding-left: 6px;
	width: 128px;
	text-align: right;
	border-left: 3px double #abcdef;
}


.dates {
	float: right;
	text-align: right;
	color: #abcdef;
	font-size: 1.2rem;
	font-weight: normal;
	border-left: 3px double #abcdef;
	border-top: 3px double #abcdef;
	border-radius: 16px 0 0 0;
	width: 132px;
	padding: 0 0 51px 6px;
}


.notes_list a {
	cursor: pointer;
	color: #fff !important;
	margin: 0 0 0 40px;
}


.notes_list a:visited {
	color: #abc !important;
}


.notes_list a:hover {
	text-decoration: underline inherit 1px;
	color: #abc !important;
}


#container_God, #container_religion, #container_abrahamic, #container_Indian, #container_magicmen, #container_truthVStales {
	display: none;
}


.dropdown_menu {
	background-color: #fff;
	color: #123456;
	font-family: Questrial, sans-serif;
	padding: 24px;
	font-weight: bold;
	font-size: 2.4rem;
	border: none;
	margin: 0 auto;
	cursor: pointer;
}


.dropdown_menu:hover {
	box-shadow: none;
	color: #123456;
}


.dropdown_properties {
	font-weight: normal;
	position: relative;
	display: inline-block;
	margin: -2px 0 -2px 0;
	box-shadow: 0 8px 8px -4px rgba(114, 114, 114, .7);
}


.dropdown_list {
	display: none;
	position: absolute;
	background-color: #123456;
	min-width: 160px;
	box-shadow: 0 8px 4px -4px rgba(114, 114, 114, 1);
	z-index: 1;
	line-height: 150%;
	font-weight: normal;
	text-align: left;
	font-size: 1.6rem;
}


.dropdown_list a {
	color: #fff;
	padding: 24px;
	text-decoration: none;
	display: block;
}


.dropdown_list a:link, .dropdown_list a:active, .dropdown_list a:visited {
	color: #fff;
}


.dropdown_list a:hover {
	background-color: #123;
	text-decoration: none;
	color: #fff;
	transition-duration: .55s;
}


.dropdown_properties:hover .dropdown_list {
	display: block;
}


.dropdown_properties:hover .dropdown_menu {
    background-color: #fff;
}


#footer {
	position:relative;
	bottom: 0%;
	left: 0%;
	width: 1024px;
	margin: 0 auto;
	height: 123px;
	text-align: center;
	background-color: silver;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, .33), inset 0 1px 0 rgba(250, 255, 255, .48), 0 1px 0 rgba(250, 255, 255, .48), 0 2px 0 rgba(0, 0, 0, .33);
}


#footer_ebook {
	width: 1024px;
	margin: 0 auto;
	height: 123px;
	text-align: center;
	background-color: silver;
}


.FooterWrapper {      
	height: 61px;
	font-weight: 900;
	font-size: 1.6rem;
	line-height: 61px;
	color: #123456;
	padding-bottom: 2px;
	box-shadow: 0 1px 0  rgba(250, 255, 255, .48), inset 0 -1px 0 rgba(0, 0, 0, .33), 0 -1px 0 rgba(250,255,255, .73), 0 -2px 0 rgba(0,0,0, .33);
	text-shadow: 0 1px 1px rgba(255, 255, 255, .75), 0 -1px 1px rgba(100, 100, 100, .25);
}


.FooterWrapper a:hover {
	text-decoration: none;
	color: #123 !important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .75), 0 -1px 1px rgba(100, 100, 100, .25);
}


.FooterWrapper a:visited {
	color: #123456;
}


.FooterWrapper  a {
	color: #123456 !important;
}


.BigMiddot {
	color: #800000;
	font-size: 1.6rem;
	margin: 0 -4px 0 -4px;
}


.dotsByline {
	margin-left: 2px; 
	letter-spacing: 2.5px; 
	font-weight: bold; 
	text-shadow: 0 1px 1px rgba(255, 255, 255, .75), 0 -1px 1px rgba(100, 100, 100, .25);
}


.copyLink {
	text-shadow: 0 1px 1px rgba(255, 255, 255, .75), 0 -1px 1px rgba(100, 100, 100, .25);
}


.reportageNews {
	color: #123 !important; 
	font-weight: normal; 
	margin: 0 0 0 4px;
}


.WrapperCopyright {
	margin-right: 64px;
	float: right;
}


.copyright {
	text-align: right;
	color: #123;
	font-size: 1.2rem;
	line-height: 64px;
}


.WrapperUtgivare {
	margin-left: 64px;
	float: left;
}


.utgivare {
	float: left;
	text-align: left;
	color: #123;
	font-size: 1.2rem;
	line-height: 64px;
}


.WrapperCopyright_ebook {
	margin-right: 64px;
	float: right;
}


.copyright_ebook {
	text-align: right;
	display: table;
	color: #123;
	font-size: 1.2rem;
	line-height: 40px;
}


.privacyFooter {
	font-size: 1.2rem;
	display: block;
	float: left; 
	color: #123;
	line-height: .5
}


.privacyFooter a {
	color: #000099 !important;
	margin: 0 0 0 1px;
}


.WrapperUtgivare_ebook {
	margin-left: 64px;
	float: left;
}


.FooterWrapper_info {
	padding: 4px 0 1px 0;
}


#shield {
	padding: 0 0.19em 0 0.19em;
}




	/* A Strange Story About Luck & Love */


.fire_color {
	color: #dc0d0d;
}


#container H2 {
	font-size: 4rem;
	font-weight: 900;
	font-family: Questrial, sans-serif;
	margin: 256px auto 0 auto;
	padding: 0;
	line-height: 1.2;
	color: #123;
}


hr.hr_title {
	overflow: visible;
	padding: 0;
	border: none;
	background-image: none;
	border-bottom: 6.9px double #e9e9e9;
	text-align: center;
	margin: 32px 0 0 0;
	width: 350px;
}


hr.hr_title:after {
	display: inline-block;
	position: relative;
	top: 0.3px;
	background: #fff;
	background-image: url('../symboler/wyrd_comp.png');
	background-size: 32px 16px;
	background-repeat: no-repeat;
	width: 32px;
	height: 16px;
	content: "";
}


.r-png_biblio {
	height: 7px; 
	margin: 0 1px 0 3px
}


.quote_rumi {
	margin: 123px 0 123px 0;
	font-size: 1rem;
	text-align: center;
	font-style: italic;
	color: #123;
	line-height: 1.5
}


#container H6 {
	margin: 0 64px 32px 0;
	text-align: right;
	font-size: 1.6rem;
	color: #000;
}


#container {
	z-index: -1;
	padding-bottom: 8px;
	margin: -97px auto 0 auto;
	height: 100%;
	position: relative;
	width: 1024px;
}


.radial-gradient {
	background: radial-gradient(at bottom, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, transparent, transparent, transparent, transparent);
}


.literature {
	width: 123px;
	font-size: 1.2rem;
	text-align: center;
	color: #abcdef;
	height: 16px;
	line-height: 16px;
	float: left;
	background-color: #123456;
	background: linear-gradient(to bottom, #123, #123456, #123456);
	margin: 123px 0 -100% 55px;
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px;
}


#container_e-book, #container_e-book_start {
	line-height: 1.6;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 0 32px 247px 32px;
	text-align: left;
	color: #123;
	background-color: silver;
	font-size: 1.6rem;
	box-shadow: inset 0 8px 8px -4px rgba(114, 114, 114, .7);
}


#container_e-book H2 {
	font-size: 2.4rem;
}


.subtitle {
	margin: 64px auto 0 auto;
	display: inline-block;
	font-family: Kanit, sans-serif;
	font-weight: normal
}


#container_e-book p {
	font-size: 1rem;
}


.info_biblio_desk {
	font-size: 1rem;  
	color: #654321 !important;
	font-weight: bold !important;
	padding: 32px 0 16px 0;
	display: block;
	border-bottom: 3px double #123;
	vertical-align: middle;
	line-height: 1.6;
	margin: 0 24px 0 24px;
}


.info_biblio_desk a {
	font-weight: normal;
}


td.info_biblio_desk {
	height: 64px;
}


ul {
	list-style: none;
}


ul.bibliography_desk {
	margin: 32px 12px 24px -16px;
}


ul li.bibliography_desk::before {
	content: "\2022";
	color: #654321;
	display: inline-block;
	width: 4.1rem;
	font-size: 1.2rem;
	font-weight: bold;
	margin-left: -4.1rem;
}


.table_bibliography {
	background-color: #abc;
	margin: 97px auto 47px auto;
	font-size: 1.2rem;
	line-height: 32px;
	color: #321;
	padding: 32px 32px 64px 32px;
	box-shadow: inset 0 0 47px 24px rgba(192, 192, 192, 1);
}


.table_bibliography a {
	font-weight: normal;
	font-style: italic
}


.table_bibliography a:hover {
	color: purple;
}


.tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
    color: #dc0d0d;
    font-weight: bold;
}


.tooltip .tooltiptext {
    visibility: hidden;
    width: 256px;
    background-color: #123456;
	background: linear-gradient(to bottom, #123, #123456);
    color: #f7f7f7;
    text-align: left;
    border-radius: 16px;
    padding: 16px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -140px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 1rem;
    line-height: 1.5em;
	text-shadow: none !important;
}


 .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #123 transparent transparent transparent;
}


 .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


.initial { 
	color: #123;
	padding-right: 8px;
	margin: 0 16px -32px 0;
	font: bold 7.3rem "Parisienne", sans-serif;
	text-transform: none;
	float: left;
	text-shadow: 1px 1px 1px #FFF, 2px 2px 2px rgba(114, 114, 114, 1);
}


.anchor_link {  
	text-decoration: none;
	color: inherit;
}


.column {
	margin: 64px 123px 0 123px;
	column-gap: 47px;
	text-align: justify;
}


.quote {
	background: #abc;
	padding: 32px;
	margin: 97px 123px 97px 123px;
	font-style: italic;
	font-size: 1.4rem;
	color: #321;
	display: block;
	max-width: fit-content;
	-moz-max-width: fit-content;
	box-shadow: inset 0 0 16px 8px rgba(192, 192, 192, 1);
}


.quote::before {
	font-family: "Parisienne";
	content: open-quote;
	font-size: 14.4rem;
	float: left;
	margin: -97px 0 0 -73px;
	color: #123;
	text-shadow: 1px 1px 1px #FFF, 2px 2px 2px rgba(114, 114, 114, 1);
}

   
.quote::after {
	content: close-quote;
	visibility: hidden;
}


.bloggspace {
	border-top: 2px double #f7f7f7;
	padding: 32px 0 0 0;
	margin: 0 0 97px 0;
}


.blogg_title {
	font-size: 2.4rem;
	font-family: Kanit;
	margin: 47px 123px 47px 123px;
	text-decoration: underline;
}


.blogg_date {
	font-size: 1rem;
}


.blog_author {
	font-size: 1.2rem;
	font-weight: bold;
}


.blog_author_firesoul {
	background: linear-gradient(-90deg, #dc0d0d, #654321 90%);
	background: -webkit-linear-gradient(-90deg, #dc0d0d, #654321 90%);
	background: -moz-linear-gradient(-90deg, #dc0d0d, #654321 90%);
	background: -ms-linear-gradient(-90deg, #dc0d0d, #654321 90%);
	background: -o-linear-gradient(-90deg, #dc0d0d, #654321 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;  
}


#wyrd_container {
	text-align: center;
	width: 123px;
	height: 123px;
	margin: 123px auto 123px auto;
}


.fata_wrap {
	font-size: 1rem;
	text-align: justify;
	box-shadow: inset 0 1px 0 rgba(250, 255, 255, .48), 0 1px 0 rgba(250, 255, 255, .12), 0 1px 0 rgba(0, 0, 0, .55), inset 0 -1px 0 rgba(250, 255, 255, .32), 0 -1px 0 rgba(250, 255, 255, .48), 0 -1px 0 rgba(0, 0, 0, 1);
	padding: 2px 0 0 0;
	line-height: 1;
}


.fata_wrap p:after {
	content: '';
	width: 100%;
	display: inline-block;
}


#wyrd { 
	display: inline-block;
	height: 129px;
	width: 129px;
	margin: -8px 0 -4px 0;
}


#contentmenu {
	width: 100%;
	height: 47px;
	position: fixed;
	right: 0;
	bottom: 0;
	text-align: right;
	display: none;
	border-bottom: 6px solid #dc0d0d !important;
}


#contentmenu_wrapper {
	width: 1024px;
	margin: 0 auto;
}


#contentmenu_wrapper img {
	margin: 16px 0 0 -32px;
	float: left;
	width: 64px;
	height: 32px;
}


.continue {
	display: inline-block;
	font-size: 1.6rem;
	margin: 123px auto;
}


.isbn_wrap {
	display: block;
	margin: 123px auto;
	text-align: center;
}


.isbn {
	display: inline-block !important;
	text-align: left !important;
	margin-bottom: 123px;
	font-size: 1.6rem;
}


.isbn_nr {
	font-size: 1.2rem;
}


.byline_style {
	display: inline-block !important;
	text-align: left !important;
}


#byline_wrap {
	font-size: 1.6rem;
	display: block;
	text-align: center;
}


#byline {
	font-weight: bold;
	text-shadow: 1px 2px 3px rgba(234, 234, 234, .7);
	color: transparent;
	background-color: #030303;
	-moz-background-clip: text;
	-webkit-background-clip: text;
	background-clip: text;
}


#byline_name {
	font-size: 1.6rem;
	font-weight: bold;
	background: linear-gradient(-90deg, #dc0d0d, #654321 90%);
	background: -webkit-linear-gradient(-90deg, #dc0d0d, #654321 90%);
	background: -moz-linear-gradient(-90deg, #dc0d0d, #654321 90%);
	background: -ms-linear-gradient(-90deg, #dc0d0d, #654321 90%);
	background: -o-linear-gradient(-90deg, #dc0d0d, #654321 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}




	/* kontakt */


label {
	float: left;
	text-align: center;
	background: linear-gradient(to top, #123456, #123456, #123);
	height: 16px;
	line-height: 14px;
	width: 123px;
	font-size: 1.2rem;
	font-family: "Good Vibes", sans-serif;
	color: #fedcba;
	margin: -32px 0 0 0;
	letter-spacing: -2px;
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px;
}


.copyright_eye {
	float: right !important; 
	font-size: 50%; 
	margin: -3px 3px 0 -7px;;
}


.dropdown_wrapper_contact {
	float: right;
}


.dropdown_wrapper {
	line-height: 32px;
	font-size: 1.6rem;
	color: silver;
}


.dropdown_wrapper a:link, a:active, a:hover, a:visited {
	color: #fff;
}


#contact_wrapper {
	width: 100%;
	text-align: left;
}


#container_contact {
	width: 1024px;
	margin: 123px auto 123px auto;
	background: transparent;
}


.hi {
	font-weight: 500;
	font-size: 4rem;
	display: inline-block;
	font-family: Kanit, sans-serif;
	margin: 32px 0 0 0;
	color: #123;
	text-decoration: underline
}

	
#reason {
	font-weight: normal !important;
	font-size: 1.6rem;
	margin: 0 0 256px 0;
	background: transparent;
	border: silver;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 47px;
}


#form {
	padding: 0 0 97px 0;
	border-bottom: 2px solid #e9e9e9
}


.form_desk {
	width: 369px;
	display: inline-block;
}


.contact_button {
    height: 47px;
    width: 341px;
    font-family: Kanit, sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    color: #123;
    background-color: #f7f7f7;
    border: none;
    outline: 0;
    margin-top: 0;
    float: left;
    position: relative;
    cursor: pointer;
    transition: opacity 0.3s ease;
}


.contact_button:hover {
    transition: .75s;
    text-shadow: 1px 3px 3px #F2F2F2, 0 0 0 #000, 1px 4px 6px #F2F2F2 !important;
    color: rgba(192, 192, 192, .69);
}

  
textarea:focus + .contact_button {
    transition: .90s;
    outline: none;
}


.contact_button.loading {
    color: transparent;
    pointer-events: none;
}


.contact_button.loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border-radius: 50%;
    border: 3px solid rgba(18, 51, 51, 0.3);
    border-top-color: #123;
    animation: spin 0.7s linear infinite;
}


@keyframes spin {
    to { transform: rotate(360deg); }
}


textarea:focus {
	outline: none;
}


textarea {
	width: 341px;
	font-size: 1.6rem;
	font-family: Questrial, sans-serif;
	color: #123;
	height: 97px;
	padding: 4px;
	background-color: #abc;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	box-shadow: inset 0 0 4px #123456;
	border: 1px solid #abcdef;
	float: left;
}


.verification-word {
	margin: 12px 0 4px 0; 
	font-size: 1.2rem; 
	font-weight: normal !important;
}


.captcha_word {
	display: block;
	margin: 12px 0 0 0;	
}


.captcha_field {
	height: 16px; 
	font-family: Questrial, Arial, sans-serif;
	width: 123px;
}


#captcha_display {
	font-size: 1.6rem;
	font-weight: bold;
	font-family: Kanit, sans-serif;
}




	/* info */
   

.initial_info {
	color: #DC0D0D;
	padding-right: 32px;
	margin: 0 16px -32px 0;
	font: bold 7.3rem "Parisienne", sans-serif;
	text-transform: none;
	float: left;
	text-shadow: 1px 1px 1px #FFF, 2px 2px 2px rgba(114, 114, 114, 1);
}


.archive {
	display: inline-block;
	float: right;
	font-size: 1.6rem;
	height: 47px;
	position: relative;
	line-height: 32px;
}


.banner_links a:active, a:visited, a:hover {
	color: #FFF;
}


#about {
	text-align: center;
}


.title_info {
	margin: 32px auto 0 auto;
	font-weight: 300;
	font-size: 4rem;
	line-height: 1.2;
	font-family: Kanit, sans-serif;
	color: #123;
	display: inline-block;
	border-bottom: 3px double #dc0d0d;
}


.download_site_link a {
	font-size: 1.2rem;
	color: #FFFFFF;
	cursor: pointer;
}


.download_site_link_zip {
	color: silver !important;
	font-size: 1.2rem;
	font-weight: bold;
}


#container_info {
	width: 1024px;
	padding: 123px 123px 512px 123px;	
	box-sizing: border-box; 
	line-height: 1.6;
	font-size: 1.6rem;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 1px 0 1px -.5px silver, -1px 0 1px -.5px silver;
}


.info_intressant {
	margin: 123px 0 256px 0;
	font-size: 1.6rem;
	font-style: italic;
	color: #123;
}


.questions {
	margin: 64px 0 64px 0;
	font-size: 1.2rem;
	font-weight: bold;
	color: #123;
}


#double-style {
	text-decoration-line: underline; 
	text-decoration-style: double; 
	text-decoration-color: #000; 
	text-decoration-thickness: 2px;
	font-weight: bold;
	color: #DC0D0D
}


.indent {
	text-indent: 2.4rem;
}


.indent_li {
	margin-left: 2.4rem;
    text-indent: -.8rem;
}


.initial_red {
	color: #123;
	font-weight: bold;
}


.subtitle_ebook {
	font-weight: normal;
}


#myDIV {
	display: none;
}


.ToC_toggle:hover {
	cursor: pointer;
	text-decoration: underline;
}


.toc_info {
	color: #000099;
	text-decoration: underline;
	font-weight: bold;
	font-size: 2.4rem;
	margin: 0 auto 64px auto;
}


.content_ebook_links a:visited, .content_ebook_links a:active, .content_ebook_links a:hover, .content_ebook_links a:link {
	color: #123;
}


.content_ebook_links {
	border: 1px #123 solid;
	font-size: 1.2rem;
	padding: 32px;
	margin: 0 0 123px 0;
}


#wyrd_box {
	float: left;
	margin: -4px 16px 0 0;
	box-shadow: inset 0 0 16px #f7f7f7, 0 0 64px #f7f7f7;
	border-radius: 32px;
	width: max-content
}


.img_floating {
	width: auto;
	float: left;
}


.wyrd {
	height: 69px;
	padding: 4px 16px 0 12px;
}


img.epub {
	margin: 32px 16px -12px 0;
	height: 32px;
	width: 32px;
}


.hr_info {
	margin: 123px auto 123px auto;
	width: 256px;
}
   

.firesoul {
	margin: 0 auto;
	width: 745px;
	line-height: 1.35;
	padding: 32px;
	color: #321;
	background-color: #abc;
	font-weight: bold;
	box-shadow: rgba(18, 52, 86, .48) -8px 8px, rgba(18, 52, 86, .36) -16px 16px, rgba(18, 52, 86, .24) -24px 24px, rgba(18, 52, 86, .12) -32px 32px, rgba(18, 52, 86, .05) -32px 32px, rgba(17, 34, 51, .32) 0 -4px 12px 0 inset;
	border-top-left-radius: 16px;
	border-bottom-right-radius: 16px;
}


.about {
	margin: -32px 0 24px -32px;
	width: 123px;
	font-size: 1.2rem !important;
	text-align: center;
	color: #cba;
	height: 16px;
	letter-spacing: -.5px !important;
	font-weight: normal;
	text-shadow: 0 0 2px rgba(254, 220, 186, .69);
	background-color: #123456;
	box-shadow: 1px 1px 3px #abcdef;
	background: linear-gradient(to bottom, #123, #123456, #123456);
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

   
.info_firesoul {
	font-size: 1.2rem;
	line-height: 1.6;
}


.fire_volt { 
	font-size: 1rem;
}




@media screen and (min-width: 1000px) {


#button_contents, #contentmenu_mobi, #pseudonym_mobile, #date_mobi, #marq_mobi, button.dropdown_button_mobile, .dropdown_button_mobile, #wrapper_container_mobi, #info_mobile, .info_biblio_mobi, #log_hug_mobile, .reveal_notes, #reveal_notes  {
	display: none !important; 
}




}