* {
	box-sizing: border-box;
}

html,
body {
	overflow: auto;
}

body,
input,
button,
textarea {
	font: 400 1rem "Roboto", sans-serif;
}

th {
	min-width: 100px;
}

button:active, a:active, input[type=button]:active, input[type=submit]:active, i:active {
	transform: scale(0.95);
	transition: none;
}

:root {
    --white: #fff;
    --black: #000;
    --background: #ffffff;
    --primary-color: #222d32;
    --primary-emphasys: #00A5E7;
	--secondary-color: #99A5AC;
    --attention-color: #f39530;
    --attention-border: #c77100;
}

@media (max-width: 1089px) {
    html {
        font-size: 93.75%;
    }
}

@media (max-width: 720px) {
    html {
        font-size: 87.5%;
    }
}