/* responsive */

html,
body {
   margin: 0;
   padding: 0;
   border: none;
   word-wrap: break-word;
   background-image:url(/img/bg.svg);
   background-color: black;
}

@media only screen {
   body {
      margin: 40px auto;
      max-width: 720px;
      line-height: 1.6;
      font-size: 18px;
      padding: 0 20px;
      word-wrap: break-word;
   }

   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
      line-height: 1.2;
   }
}

/* eof responsive */

.button {
	display: inline-block;
	text-decoration: none;
	background-color: black;
	color: red;
	width: 100px;
	padding: 4px;
	text-align: center;
	border: 2px solid red;
	margin-bottom: 30px;
}

hr {
	background-color: #393837;
	height: 10px;
	border: 0;
}

body {
	background: #000;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
}

pre {
	white-space: pre-wrap;
	font-size: 12px;
}

.center {
	text-align: center;
}

.info {
        display: inline-block;
        text-align: left;
        font-size: 14px !important;
}

a.info {
	color: #63c1c1;
/*        text-decoration: none;*/
}

.info-text {
        color: #e69f9f;
}

p.fit {
	min-height: 430px;
}


img.book-img {
	width: 300px;
}

.item-bar {
	margin-top: 20px;
}

.item-left {
	text-align: left;
}

.item-right {
        float: right;
}

.item-lr {
	color: rgb(243, 200, 207);
}

a.author-title {
	color: #fc7c7c;
	text-decoration: none;
}

a.publisher-title {
	color: #d1e0c1;
	text-decoration: none;
}

.slash-sp {
	color: rgb(97, 97, 97);
}

a.footer {
        /* display: block; */
        unicode-bidi: embed;
        font-family: monospace;
        white-space: pre;
        color: white;
        text-decoration: none;
        margin-top: 25px;
}

.bg-text {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.7);
	color: white;
	font-weight: bold;
	border: 3px solid #f1f1f1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 80%;
	padding: 20px;
	text-align: left;
}

.bg-text a {
	color: #fc7c7c;
}

.no-decoration {
	text-decoration: none;
}

img.unlisted {
	width: 100%;
}