:root
{
	/*
	--bright_background: #9abbe5;
	--bright_text: white;
	--dark_background: #1F497D;
	--dark_text: #1F497D;
	--hover_active: #bfbfbf;
	--backgound: #9abbe5;
	*/
}


*
{
	margin:0;
	padding:0;
	font-family: 'Josefin Sans', sans-serif;
}

h1, h2, h3, h4
{
	font-family: 'Bitter', serif;
}

body
{
	background-color: var(--backgound);
	color: var(--dark_text);
}

h1
{
	text-align: center;
	margin: 10px;
}

a {text-decoration: none;}

ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    background-color: var(--dark_background);
    position: sticky;
    top: 0;
    width: 100%;
		border-bottom: 1px solid var(--bright_text);
}

li {float: left;}

li a
{
    display: block;
    color: var(--bright_text);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover{color: var(--hover_active);}

a.active{color: var(--hover_active);}

.div_main
{
	float: left;
	background-color: var(--bright_background);
	padding: 5px;
	border-bottom: 1px solid var(--bright_text);
	height: auto;
	width: 100%;
	box-sizing: border-box;
}

table, td
{
	border: 1px solid var(--dark_text);
	border-collapse: collapse;
	padding: 3px;
	text-align: center;
}

img
{
}

.foot
{
	background-color: var(--dark_background);
	margin-top: 0px;
	padding: 5px;
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid var(--bright_text);
}

.foot a
{
	color: var(--bright_text);
}

.foot a:hover
{
	color: var(--hover_active);
}

.div_content
{
	float: left;
	width: 300px;
	margin: 5px;
	/*border: 0.5px solid var(--dark_text);*/
	background-color: var(--div_backgound);
	text-align: center;
}
.link_thumbnail
{
	height: 167px;
	width: 100%;
}

.link_thumbnail:hover
{
	opacity: 0.6;
}

.time {float: right;}

.time a{font-family: 'Share Tech Mono', monospace;}

/*button
{
	color: var(--dark_text);
	background-color: white;
	border: 1px solid var(--dark_text);
	padding: 3px;
	width: 140px;
}
*/
.results_table {margin-right: 5px;border: none;}

.poster img
{
	width: 185px;
	height: 278px;
}

a.wuxia_links {color: var(--dark_text);}

.pkm_img img
{
	width: 96px;
	height: 96px;
	border: none;
}

.dropbtn
{
    background-color: var(--dark_background);
    color: var(--bright_text);
    padding-top: 14px;
    font-size: 16px;
    border: none;
}

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

.dropdown-content
{
    display: none;
    position: fixed;
    background-color: var(--dark_background);
    width:100px;
    z-index: 1;
}

.dropdown-content a
{
    color: var(--bright_text);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {color: var(--hover_active);}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {color: var(--hover_active);}

.result_tables th
{
	border:1px solid var(--dark_text);
	padding: 2px;
}

.collapsible
{
	cursor: pointer;
	width: 250px;
	text-align: left;
	outline: none;
	visibility: hidden;
}

.content
{
	overflow: hidden;
	border: none;
}

.kinocheck_thumbnail img
{
	width: 240px;
	height: 180px;
}

.button
{
	border: 1px solid var(--dark_text);
	color: var(--dark_text);
	background-color: white;
	padding: 3px;
	width: 140px;
}

@media
only screen and (max-width: 760px),
(min-device-width: 375px) and (max-device-width: 667px)
{
	button
	{
		height: 30px;
	}
}