@font-face {
    font-family: 'Lora';
    src: url('../fonts/lora/Lora-VariableFont_wght.ttf') format('truetype');
    font-weight: 500 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('../fonts/lora/Lora-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 500 700;
    font-style: italic;
    font-display: swap;
}
:root {
    font-family: 'Lora', serif;
}
:root, :root * {
    box-sizing: border-box;
}
html {
    height: 100%;
}
body {
    line-height: 1.3;
    height: 100%;
    background: url(../img/bg_common.png), #174659;
    background-repeat: repeat-y;
    background-size: cover;
    background-position: center center;
}
body.modal-open {
    overflow: hidden;
}

.button-active:active {
    transform: scaleX(0.985) scaleY(0.94);
    filter: brightness(85%);
}
.button-landscape-active:active {
    transform: scaleX(0.985) scaleY(0.94);
    filter: brightness(85%);
}