@import url("../fonts/Gilroy.css");
@import url("../fonts/unbounded/Unbounded.css");
/* Responsive */
@import url("style-xs.css?v=408");
@import url("style-sm.css");
@import url("style-md.css");
@import url("style-lg.css");

:root {
    --color_accent: #c6613e;
    --color_zagolovki: #2B2B2A;
    --color_text: #555555;
    --color_lines: #DFDFDF;
    --color_bg: #B73D30;
    --color_wt: #ffffff;
    --color_gold: #cf9e55;
    --color-bg-section: #f7eee1;
}

body,
html {
    font-family: 'Gilroy';
    height: 100%;
    background-color: var(--color-bg-section);
    color: var(--color_text);
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Unbounded';
}

article,
aside,
figure,
figure img,
hgroup,
footer,
header,
nav,
section {
    display: block;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input,
select {
    vertical-align: middle;
}

a img {
    border: 0;
}

:focus {
    outline: 0;
}

a {
    color: var(--color_gold);
    text-decoration: underline;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

a:hover,
a:active {
    outline: none;
    color: var(--color_accent);
}


.blinking-cursor {
    user-select: none;
    animation: blink 1s steps(2, start) infinite;
}

@keyframes blink {
    to {
        visibility: hidden
    }
}