@import '~components/ui/colors.scss';
@import '~components/ui/fonts.scss';

html,
body,
.app {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: $font-family-base;
    background: $white;
    color: #444;
    font-size: 16px;
}

input, textarea, select {
    -webkit-appearance: none;
    border-radius:0;
}

b {
    font-weight: $font-weight-bold;
}

a,
.textLink {
    color: #444;
    border-bottom: 1px dotted #444;
    text-decoration: none;
    cursor: pointer;
    transition: .25s;

    &:hover {
        border-bottom-color: #777;
        color: #777;
    }
}

ul,
li,

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-weight: normal;
    line-height: 1;
    padding: 0;
    margin: 0;
    list-style: none;
}

input,
textarea,
button,
select,
label,
a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

// Declare fonts here, to be sure that want be imported more than once
// @see https://github.com/majodev/google-webfonts-helper to download some other fonts
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
        url('~fonts/roboto-condensed/roboto-condensed-v13-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('~fonts/roboto-condensed/roboto-condensed-v13-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
        url('~fonts/roboto-condensed/roboto-condensed-v13-cyrillic_latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'),
        url('~fonts/roboto/roboto-v15-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('~fonts/roboto/roboto-v15-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
        url('~fonts/roboto/roboto-v15-cyrillic_latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'),
        url('~fonts/roboto/roboto-v15-cyrillic_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('~fonts/roboto/roboto-v15-cyrillic_latin-500.woff') format('woff'), /* Modern Browsers */
        url('~fonts/roboto/roboto-v15-cyrillic_latin-500.ttf') format('truetype'); /* Safari, Android, iOS */
}