* {
	margin: 0;
	padding: 0;
	--color1 : rgb(30, 30, 30);
	--color2 : rgb(46,46,46);
}

body {
	background-color: var(--color1);
	color: white;
}

main {
	margin: 50px;
}

nav {
	display: block;
	width: 100vw;
}

nav ul li {
	list-style: none;
	display: inline-block;
	padding: 15px;
	background-color: var(--color2);
	border: 2px solid var(--color1);
}

nav ul a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

nav ul li:hover {
	transform: scale(1.05);
	transition: 0.2s ease;
}


nav ul li.green {
	border-bottom: 1px solid green;
}
nav ul li.orange {
	border-bottom: 1px solid orange;
}
nav ul li.red {
	border-bottom: 1px solid red;
}
nav ul li.white {
	border-bottom: 1px solid white;
}

table.acces {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}

table.acces th {
	background-color: var(--color2);
	padding: 20px;
	border: 3px solid var(--color2);
	text-align: center;
	color: white;
}

table.acces td {
	border: 3px solid var(--color2);
	padding: 20px;
	text-align: center;
}

.input {
	display: block;
	margin: 30px;
	padding: 10px;
	background-color: var(--color1);
	color: white;
	border: 3px solid white;
}

.submit {
	display: block;
	padding: 10px;
	margin: 30px;
	background-color: var(--color1);
	color: white;
	border: 3px solid white;
}

.submit:hover {
	transition: 0.2s ease;
	transform: scale(1.05);
}

.input_inline {
	display: inline-block;
	margin: 10px;
	padding: 10px;
	background-color: var(--color1);
	color: white;
	border: 3px solid white;
}

.submit_inline  {
	display: inline-block;
	padding: 10px;
	margin: 10px;
	background-color: var(--color1);
	color: white;
	border: 3px solid white;
}

.submit_inline:hover {
	display: inline-block;
	transition: 0.2s ease;
	transform: scale(1.05);
}

.cross {
	text-decoration: none;
	color: red;
	font-weight: bold;
}