:root {
    /* Все эдементы, меняющие цвет при наведении */
    --hover-color: #3498db;

    /* Если что-то можно выбрать, выбирается этим цветом */
    --activated-color: #013243;

}

html {
    min-height: 100vh;
}

@font-face {
    font-family: 'rubik';
    src: url('/fonts/Rubik.ttf');
}

body {
    font-family: rubik;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    letter-spacing: 1px;

    /* font-size: 11pt; */
    line-height: 1.5;
    color: #34495e;

    overflow-x: hidden;
    min-height: 100vh;

    background-color: #ecf0f1;

}



/* Драйверы разделов */
.parts-driver {
    visibility: hidden;
    height: 0;
}


a {
    text-decoration: none;
    color: #0984e3;
}

a:hover {
    color: var(--hover-color);
}


.cursor-pointer {
    cursor: pointer;
}

/* Убрать стрелки с поля ввода numeric */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none;
    margin: 0;
    appearance: textfield;
    -moz-appearance: textfield;
}