@charset "utf-8";

::-webkit-input-placeholder { color: var(--light); opacity: 0.6;} /* WebKit */
:-moz-placeholder { color: var(--light); opacity: 0.6; } /* Firefox 18- */
::-moz-placeholder { color: var(--light); opacity: 0.6; } /* Firefox 19+ */
:-ms-input-placeholder { color: var(--light); opacity: 0.6; } /* IE 10+ */

@font-face 
{
    font-family: "avenir";
    src: local("fonts/monserrat-variable.otf"),
	url("fonts/monserrat-variable.otf") format("eot"),
    url("fonts/monserrat-variable.otf") format("woff"),
    url("fonts/monserrat-variable.otf") format("truetype"),
    url("Ubuntu-Title-webfont.svg#UbuntuTitle") format("svg");
}

body 
{
    background-color: var(--background);
    width: auto;
    margin: 0 auto;
    color: var(--light);
    font-family: 'Montserrat', sans-serif;
    height: 100%;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
}

html
{
    background-color: var(--background);
    color: var(--light);
}

:root{
    --color-a-safetech: #e83e33; 
    --color-b-safetech: #593a97; 
    --background: #1f1d1d;

    --dark: #232a2e;    
    --gray: #848a91;

    --light: #f3f3f3;
}