@charset "utf-8";

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans.ttf');
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/RobotoRegular.ttf');
}

:root {
    --main-font: 'Roboto';
    --font-size: 16px;

    --bg-color: #f7f9fa;
	--main-color: #3e5f79;
	--ph-color: #868686;
	--border-color: #b0b3b9;   
    --menu-color: white;
    --hover-color: #385266;
    --error-color: #e11515;
    --notify-color: green;
    --attention-color: #e11515;
}

hr {
    margin-top: 0;
    border: 0;
    height: 1px;
    background-color: var(--border-color);
}

h1 {
    color: var(--main-color);
    text-align: center;
    font-size: 1.75em;
}
h2 {
    color: var(--main-color);
    font-size: 1.5em;
    text-align: center;
    margin-top: 0px;
}
h3 {
    color: var(--main-color);
    font-size: 1.25em;
}
h4 {
    color: var(--main-color);
    font-size: 1em;
}