html
{
	background-color:darkblue;
	background-image:url("../images/background.jpg");
}


form    {text-align: center; margin: 0 auto;}




body
{	
	background-color:white;
	width:80%;
	max-width:1000px;
	min-width:500px;
	padding:10px 20px 20px 20px; 
	margin:20px auto;
	border:0px dotted  gray;
	box-shadow:0 0 30px black;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	text-align: center;
	font-size: 2.5em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}

h2
{
	text-align: left;
	font-size: 1.8em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 30px;
	margin-bottom: 0px;
}

h3
{
	text-align: left;
	font-size: 1.5em;
}

hr {
	width: 95%;
	padding-top: 1.5px;
	margin-bottom: 0px;
	margin-top: 0px;
}


p {
	text-align: center;
	font-size: 1em;
}

table{
	max-width: 90%;
}

table, th, tr, td {
	border: 0px solid black;
	border-collapse: collapse;
	background-color: white;
	text-align: left;
	color:black;
}

.inactive > * {
	background-color: lightgrey;
	filter: grayscale(100%);

}
.noborders {
	border-top-style: hidden;
	border-bottom-style: hidden;
}

img, video
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%
}

figcaption
{
	font-weight: bold;
	text-align: center;
}

hr
{
	color: black;
	background-color: black;
	height: 1.5px;
}


a:link
{
	color: grey;
}

a:visited
{
	color: grey;
	text-decoration: none;
}

a:hover
{
	color: green;
}

a:active
{
	color: darkblue;
}


.navbar-brand:link
{
	text-decoration:none;
}

.nav-link:link
{
	text-decoration:none;
}

.form-control
{
	border: 2px solid gray;
}

caption
{
	color: black;
}

#normal
{
	color: yellow;
}

#kontrasztos
{
	color: yellow;
}

form
{
	display: table;
}
.form p
{
	display: table-row
}

.modal-backdrop.show {
  opacity: 0.8;
}

.btn {
	width: 75px;
}

.modal-dialog {
    max-width: fit-content;
    margin-right: auto;
    margin-left: auto;
  }