/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
/* Базовые стили для компьютера */
.game-board {
    width: 500px;
    margin: 20px auto;
    font-size: 16px;
}

/* Стили для планшетов */
@media (max-width: 768px) {
    .game-board {
        width: 90%; /* 90% от ширины экрана */
        margin: 10px auto;
    }
}

/* Стили для телефонов */
@media (max-width: 480px) {
    .game-board {
        width: 95%;
        font-size: 14px; /* Поменьше текст */
    }
    
    h1 {
        font-size: 24px; /* Заголовки поменьше */
    }
    
    .button {
        padding: 15px 20px; /* Кнопки побольше для пальцев */
        width: 100%; /* Кнопки на всю ширину */
    }
}
body {
  text-align: center;
  background-image: url("dfg.jpg");
  background-size: cover;
   background-repeat: no-repeat;
  color: white;
  font-family: "Times New Roman";
}
body {
    font-size: 30px;  /* Увеличит весь текст на странице */
}
.image-button {
    position: absolute;
    left: 567px;     /* Отступ слева */
    top: 460px;      /* Отступ сверху */
}

.image-button img {
    width: 400px;    /* Размер картинки */
    height: auto;
}
.image-button {
    display: inline-block;
    transition: transform 0.3s ease;  /* Плавность анимации */
}

.image-button:hover {
    transform: scale(1.1);  /* Увеличение на 20% */
}
.my-image {
    margin-top: 50px;     /* Отступ сверху */
    margin-bottom: 30px;  /* Отступ снизу */
    margin-left: 100px;   /* Отступ слева */
    margin-right: 20px;   /* Отступ справа */
}
.header {
    width: 100%;           /* На всю ширину */
    text-align: center;    /* По центру */
    margin-bottom: 30px;   /* Отступ снизу */
}

.header img {
    width: 100%;           /* Картинка на всю ширину */
    height: auto;          /* Высота подстроится */
    max-height: 300px;     /* Но не выше 300px */
    object-fit: cover;     /* Красиво обрежется, если надо */
}
 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
}