/* Настройки шаблона */

/*@font-face {
    font-family: 'Furore';
    src: url("../fonts/Furore.otf") format("opentype");
	font-weight: 700;
    line-height: 100%;
}*/

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

:root {
	--light: #ffffff;
	--dark: #000000;
    --msgGet: #f3f3f3;
    --msgSend: #d6f5ff;
	--contrast: #6EFF00;
}

:root, body {font-size: 10px;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;}
}

/* Элементы */

html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: "Montserrat", sans-serif; color: var(--dark); outline: 1px solid var(--dark); overflow-x: hidden; background-color: var(--light);}
#middle main  {overflow: inherit;}
*::before {pointer-events: none;}
@media (min-width: 1296px) {.container {max-width: 1296px;}}
@media (min-width: 1920px) {.bg-color::before {margin-left: -960px;}}

h1, .h1 {font-size: 3.5rem; text-transform: uppercase;}
h2, .h2 {font-size: 3rem; text-transform: uppercase;}
h3, .h3 {font-size: 2.5rem;}
h4, .h4 {font-size: 2rem;}
h5, .h5 {font-size: 1.5rem;}
h6, .h6 {font-size: 1rem}

a {text-decoration: none; color: var(--light);}
a:hover {color: var(--contrast);}

/* Сообщения */

.msg {
    width: fit-content;
    word-wrap: break-word;
}

.msg-public, .msg-private {
    background-color: var(--msgGet);
    text-align: left;
}

.msg-public.own, .msg-private.own {
    background-color: var(--msgSend);
    text-align: right;
    margin-left: auto;
}

#publicLog,
#privateLog {
    overflow-y: auto;
}

/* Адаптация */

@media screen and (max-width: 1199px) {
    
    h1, .h1 {font-size: 2.75rem; text-transform: uppercase;}
    h2, .h2 {font-size: 2rem; text-transform: uppercase;}
    h3, .h3 {font-size: 1.75rem;}
    h4, .h4 {font-size: 1.5rem;}
    h5, .h5 {font-size: 1.25rem;}
    h6, .h6 {font-size: 1rem;}

}

/* Анимации */

.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}