body { max-width: 1000px; margin: auto; }
.left { float: left }
.right { float: right; }
.dark { background-color: #333; color: #FF69B4; }
.center { text-align: center; }
#content { padding: 2px; }
#content img { width: 350px; height: auto; }
.menu { font-size:14px; }
.logo {
height: 50px;
background-image: url("../images/logo.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.img {
margin: 0.5px;
width: 350px auto;
background-image: url('../images/loader.gif');
background-position: center;
background-size: 350px auto;
background-repeat:no-repeat;
}
.paging { padding: 12px 4px; margin-top:14px;}
form { margin:auto;max-width:125px }
input, .button { padding: 8px 16px; display: inline-block;}
input[type=text] { width:25px; text-align:center; }
.button { margin:0px 8px; box-shadow: 1px 2px #333;}
.button:hover {font-weight:bold; box-shadow; 0px; }
.clearfix:after { content: ""; display: table; clear: both; }
.btn {margin:1px 2px;}
a {text-decoration:none; }
p {margin:4px;}
#header {font-size: 12px; border-bottom:0.5px solid #ccc; padding:6px 0px; }
h3 { margin: 6px; font-size:15px; }
h2 a { color: red }
.warning { color: red; font-size:20px; margin:8px; }
#footer {margin-top:18px;}
.loading { width:320px; }
.title { padding: 8px; }

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

.img {
width: 320px;
height: 485px;
margin: 2px;
background-size: 320px auto;
}
#content img { object-fit: cover; object-position: center top; width: 80%; height: 80%; }
.imghover { overflow: hidden; }
.imghover img { transition: transform 1s, filter 2s ease-in-out; transform: scale(1.2); }
.imghover:hover img { transform: scale(1); }
#header { padding: 4px 25px; }
.loading { margin-left:33.99% }

}