@charset "utf-8";
/* CSS Document */


/* Reset CSS
 * --------------------------------------- */
:root {
--bg-color: linear-gradient(106deg, #2E2826 0%, #3A3330 49.61%, #2E2826 100.22%);	
--font-color:#fff;
--text-size: calc( (100vw - 480px)/(1280 - 480) * (24 - 16) + 3px);
--font-family: 'Montserrat', sans-serif;	
--link-color:;
--link-color-actiive:#FDB805;
/***/	
--H-color:;
--H-font-family: ;	
--h1-size: 4rem;
--H2-size: 3.5rem;
--H3-size: 3rem;
--H4-size: 2.5rem;
--H5-size: 2rem;
--H6-size: 1.5rem;
/***/
--btn-size:;
--btn-bg-color:;
--btn-text-color:;	
--btn-border-color:;
/***/
--btn-active-size:;
--btn-active-bg-color:;
--btn-active-text-color:;	
--btn-active-border-color:;	
}




body {
color:var(--font-color);
background:var(--bg-color);	
font-family: var(--font-family);
font-size: var(--text-size);	
font-optical-sizing: auto;
overscroll-behavior: none;
width: 100%;	
max-width: 100vw;
overflow-x: hidden;
position: relative;	
}


/************************************/

body::-webkit-scrollbar {
  width: 12px;               /* ширина scrollbar */
}
body::-webkit-scrollbar-track {
  background: var(--text-color);        /* цвет дорожки */
}
body::-webkit-scrollbar-thumb {
  background-color: var(--text-color);    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 3px solid var(--text-color);  /* padding вокруг плашки */
}


a {color: var(--link-color) !important; text-decoration: none;}
a.active, a:hover  {color: var(--link-color-actiive) !important; text-decoration: none;}

h1, h2, h3, h4, h5 {font-family:var(--H-font-family) !important;}
h1 {font-size: var(--h1-size) !important;}
/**Кнопки**/

.btn {}
.btn-out {}
.btn.active, .btn:hover {}


/****************************************************/

.editBut button {font-size: 12px; border: 0;}
.editBut button.active {
  background-color: #007BFF; /* Цвет фона активной кнопки */
  color: white; /* Белый цвет текста для контрастности */
}