* {
	border-radius: 15px;
	color: #ffffff;
	font-family: "garamond-local", "garamond";
	text-align: center;
	text-shadow: 1px 1px 1px #000000;
	scrollbar-color: #9f9f9f #303841;
}
.vide *:hover {cursor: not-allowed;}

a {
	font-style: italic;
	text-decoration: none;
	transition: ease 0.2s;
	cursor: pointer;
}
a:hover {color: #abcdef;}

body {
	background-color: #303841;
	margin: 20px;
	font-size: 200%;
}

button {
	background: #303841;
	cursor: pointer;
	font-weight: bold;
	margin: 2px;
}

header {
	position: sticky;
	z-index: 99;
}

i {color: inherit;}

iframe {
	border: 0;
	width: 100%;
	display: none;
}

img {filter: drop-shadow(1px 1px 1px #000000);}

input {
	background-color: #303841;
	margin: 2px;
}

sub {color: inherit;}

sup {color: inherit;}

table {
	border: 6px #ffffff solid;
	border-radius: 30px;
	margin: auto;
}

th {padding: 15px;}

.vide {background-color: grey;}
.vide:hover {cursor: not-allowed;}

@font-face {
	font-family: "garamond-local";
	src: url("garamond.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "garamond-local";
	src: url("garamond-italique.ttf");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "garamond-local";
	src: url("garamond-gras.ttf");
	font-weight: bold;
	font-style: normal;
}

@media (min-width: 1000px) {

* {border-radius: 5px;}

body {font-size: 100%;}

header {display: none;}

iframe {display: block;}

table {
	border: 2px #ffffff solid;
	border-radius: 10px;
}

}

@media (min-width: 1350px) {

body {font-size: 100%;}

header {display: none;}

iframe {display: block;}

}