body { 
background-image: url("../media/fon/fon.jpg");  
 background-size: cover;        /* растянуть на весь экран */
 background-position: center;   /* по центру */
 background-attachment: fixed; /* неподвижный фон при прокрутке (опционально) */
}

h1 {
	color: white;
	font-size: 20px;
    margin-top: 100px;
}

.buttons {
    margin-top: 50px;
}

button {
    padding: 15px 30px;
    margin: 10px;
    font-size: 18px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}

button:hover {
    background-color: rgba(255, 255, 255, 0.3);
}


.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
}

video, img {
    width: 300px;
    border-radius: 15px;
	}