main.css

@font-face {
    font-family: 'Roboto';
    src: url("fonts/Roboto-Black.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: 'Roboto';
    src: url("fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url("fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: 'Roboto';
    src: url("fonts/Roboto-Light.ttf") format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: 'Roboto';
    src: url("fonts/Roboto-Thin.ttf") format("truetype");
    font-weight: 100;
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
    background-color: #121212;
    overflow: scroll;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #212121;
}

::-webkit-scrollbar {
	width: 1px;
    height: 1px;
	background-color: #444444;
}

::-webkit-scrollbar-thumb {
	background-color: #444444;
}