:root {
    /* Цвет заднего фона под тему Telegram */
    --bg-color: var(--tg-theme-bg-color, #ffffff);
    /* Цвет текста под тему Telegram */
    --text-color: var(--tg-theme-text-color, #000000);
    --accent-color: var(--tg-theme-button-color, #0088cc);
    /* получение темы клиента (light или dark); */
    --color-scheme: var(--tg-color-scheme, 'dark');
    /* вторичный текст / подсказки; */
    --theme-hint: var(--tg-theme-hint-color);
    /* цвет ссылок; */
    --link-color: var(--tg-theme-link-color, #006400);
    /* цвет кнопки; */
    --button-color: var(--tg-theme-button-color, #3c8dbc);
    /* текст на кнопке; */
    --button-text-color: var(--tg-theme-button-text-color, #ffffff);
    /* вторичный цвет фона; */
    --secondary-bg-color: var(--tg-theme-secondary-bg-color);
    /* фон заголовка (хеадера); */
    --theme-header-bg-color: var(--tg-theme-header-bg-color);
    /* Текущая высота видимой области мини-приложения */
    --max-height: var(--tg-viewport-height);
    /* var(--tg-viewport-stable-height) - Высота видимой области Mini App в его последнем стабильном состоянии */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    color: var(--text-color);
    background: var(--bg-color);
}

.wrapper {
    width: 100%;
    padding: 25px;
    text-align: center;
}

h1 {
    margin-top: 40px;
    margin-bottom: 10px;
}

img {
    margin: 30px auto;
}

.btn {
    border: 0;
    border-radius: 5px;
    margin-top: 50px;
    height: 60px;
    width: 200px;
    font-style: 20px;
    font-weight: 500;
    cursor: pointer;
    color: var(--button-text-color);
    background: var(--button-color);
}