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

body, html {
    height: 100%;
    margin: 0;
    overflow: hidden; /* Прибирає скролбар */
}

.background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('images/1.jpg'); /* Вказати шлях до картинки */
    background-size: cover; /* Розтягуємо картинку на весь екран */
    background-position: center center; /* Центруємо картинку */
    background-attachment: fixed; /* Фіксувати фон при прокручуванні */
    filter: blur(25px); /* Застосувати blur до фону */
    z-index: -1; /* Фон позаду контенту */
}

h1 {
    position: absolute;
    top: 60%; /* Центруємо по вертикалі */
    left: 50%; /* Центруємо по горизонталі */
    transform: translate(-50%, -50%); /* Точно центрируем */
    font-family: 'Rock Salt', cursive;
    color: black; /* Додаємо білий колір для тексту */
}

button {
    padding: 30px 60px;
    font-size: 45px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
       font-family: 'Rock Salt', cursive;
    transition: background-color 0.3s ease;
}

button:hover {
    background-color: #45a049; /* Зміна кольору при наведенні */
}

.yes-button {
    background-color: blue;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.no-button {
    position: absolute;
    background-color: red;
    top: 50%;
    left: 60%;

    transform: translate(-50%, -60%);
}