/**
* Theme Name: OIMO Hello Elementor Child
* Template:   hello-elementor
*/

main.type-post {
	direction: rtl;
}
main.type-post img {

}


body {
    background-color: #dad6d6; /*   #dad6d6;  задаем фоновый цвет */
    font-family: 'Arial', sans-serif; /* выбираем шрифт */
    color: #000; /* цвет текста */
    text-align: center; /* центрируем текст */
}

h1 {
    font-size: 48px; /* размер заголовка */
    text-transform: uppercase; /* преобразуем текст заголовка в верхний регистр */
    letter-spacing: 5px; /* увеличиваем расстояние между буквами */
}

p {
    font-size: 24px; /* размер обычного текста */
    line-height: 1.5; /* высота строки */
}

button {
    background-color: #1a237e; /* цвет фона кнопки */
    color: white; /* цвет текста кнопки */
    padding: 10px 20px; /* отступы внутри кнопки */
    border: 2px solid white; /* толщина и цвет рамки кнопки */
    border-radius: 5px; /* закругление углов кнопки */
    cursor: pointer; /* изменение формы курсора при наведении на кнопку */
}


button:hover {
    background-color: white; /* изменение цвета фона при наведении на кнопку */
    color: #1a237e; /* изменение цвета текста при наведении на кнопку */
}
.output{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.god{
    height: 100% ;
}
.dobavka{
    font-size: xx-large !important;
    border:solid #1a237e 1px ;
}


.container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
    justify-content: center;
}

.column {
    background-color: #b3e5fc;
    padding: 10px;
    text-align: center;
    flex: 1 1 25%; /* Для компьютера 4 колонки по горизонтали */
}

@media only screen and (max-width: 400px) {
    .god{
        width: 100% ;
        height: 100% ;
    }
    .container {
        flex-direction: column !important; /* На мобильном устройстве колонки по вертикали */
    }

    .column {
        flex: 1 1 100% !important; /* На мобильном устройстве 1 колонка на всю ширину */

    }
}