/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

body {
    margin: 0;
    background-color: black;
    font-family: Helvetica, Arial, sans-serif;
}


nav {
    background-color: #000000 !important;
}

.docs {
    margin: 0 auto !important;
    width: 45%;
    text-align: justify;
    color: wheat !important;
}

pre {
    overflow-x: auto !important;
    min-width: 700px !important;
    margin: 0px !important;
}

.attention {
    display: block;
    font-weight: bold;
    color: #ffac21;
}

.codebox {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    border-radius: 10px;
    padding-right: 35px;
    min-width: fit-content !important;
}

.codebox p {
    color: white !important;
    padding-top: 10px;
    font-family: monospace;
}


code {
    border-radius: 10px;
    padding-right: 3em !important;
    background: #2b2b31 !important;
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: 1px;
    max-width: 800px;
    color: whitesmoke !important;
}

/* Стили для тегов */
.hljs-tag {
    color: #5e81ac !important;

}

/* Стили для атрибутов */
.hljs-attr {
    color: #fff !important; /* Цвет атрибутов */
    font-weight: bold;
}

/* Стили для значений атрибутов и текстовых полей */
.hljs-string {
    color: #a3be8c !important; /* Цвет значений атрибутов и текстовых полей */
}

code .hljs-section, .hljs-title {
    color: #7466a7 !important;
}

/* Дополнительное выделение для конкретных элементов */
code .hljs-attr[data-value="action"] {
    color: #bf616a !important; /* Красный цвет для 'action' */
}

code .hljs-attr[data-value="input"] {
    color: #d08770 !important; /* Оранжевый цвет для 'input' */
}

/* Стили для кнопок */
code .hljs-tag .hljs-name {
    color: #5e81ac !important; /* Цвет имени тега */
}

.bot-btn {
    height: 70px;
    width: auto;
    margin-top: 15px;
}

.tg-text {
    width: 100%;
    text-align: justify;
    padding-top: 45px;
    color: white;
    font-size: 18px;
}