body{
    font-family: "PT Mono", serif;
}

.button{
    border-radius: 10px;
    display: flex;
    justify-content: center; /* Горизонтальное выравнивание по центру */
    align-items: center; /* Вертикальное выравнивание по центру */
    height: 20vh; /* 100% высоты экрана, чтобы контейнер занимал всю высоту */
}

.twc_b{
    border-radius: 10px;
    display: flex;
    justify-content: center; /* Горизонтальное выравнивание по центру */
    align-items: center; /* Вертикальное выравнивание по центру */
    height: 20vh; /* 100% высоты экрана, чтобы контейнер занимал всю высоту */
}

.adbutton:hover{
    transform: scale(1.2); /* Увеличиваем масштаб */
    transition: 1s; /* Время эффекта */
}

.adbutton{
    background-color: #FFCD00; /* Цвет фона кнопки */
    color: black; /* Цвет текста на кнопке */
    padding: 15px 30px; /* Внутренний отступ кнопки */
    border: none; /* Убираем границу кнопки */
    border-radius: 5px; /* Закругляем углы кнопки */
    font-size: 18px; /* Размер текста на кнопке */

}

.twc_ab:hover{
    transform: scale(1.2); /* Увеличиваем масштаб */
    transition: 1s; /* Время эффекта */
}

.twc_ab{
    background-color: #FFCD00; /* Цвет фона кнопки */
    color: black; /* Цвет текста на кнопке */
    padding: 15px 30px; /* Внутренний отступ кнопки */
    border: none; /* Убираем границу кнопки */
    border-radius: 5px; /* Закругляем углы кнопки */
    font-size: 18px; /* Размер текста на кнопке */

}

.logowork{
    display: flex;
    justify-content: center;

}

.first{
    text-align: center;
    font-size: large;
}
.second{
    text-align: center;
    font-size: large;
}
.main{
    border: 10px solid #FFCD00;
    margin: 5% 5% 5% 5%;
    padding: 5% 5% ;
    background: #f5f5f5;
}

@media screen and (max-width: 768px) {
    .first {
        font-size: 20px; /* Уменьшаем размер текста для мобильных устройств */
        padding: 10px; /* Уменьшаем внутренний отступ для мобильных устройств */
        height: 100%;
    }
}
@media screen and (max-width: 768px) {
    .second {
        font-size: 20px; /* Уменьшаем размер текста для мобильных устройств */
        padding: 0px; /* Уменьшаем внутренний отступ для мобильных устройств */
        height: 100%;
    }
}
@media screen and (max-width: 768px) {
    .logowork {
        font-size: 35px; /* Уменьшаем размер текста для мобильных устройств */
        height: 100%;
    }
}