/* Sizes */
*,
::before,
::after {
	margin: 0;
	padding: 0;
	outline: none;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* Background and main fonts */
html {
	height: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #333;
	background-color: #f6f3f3;
}
@media screen and (prefers-color-scheme: dark) {
    html {
        color: #ddd;
	    background-color: #222;
    }
}

body {
	/* height: calc( var(--vh, 1vh) * 100 ); */
}


/* Other resets */
img {
	vertical-align: middle;
	border: none;
}

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

td,
th {
	vertical-align: top;
}

input,
textarea,
button,
select,
option {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #333;
}
@media screen and (prefers-color-scheme: dark) {
    input,
    textarea,
    button,
    select,
    option {
        color: #fff;
    }
}

a {
	text-decoration: none;
}