body{
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    background-image: url("img/cave.jpg");
}
h1{
    background-image: url("img/gradient.jpg");
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
}
#animate{
    display: flex;
    justify-content: center; /* Центрирует по горизонтали */
    align-items: center; /* Центрирует по вертикали */
}
/* Описание анимации flip */
@keyframes flip {
    0% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

/* Применение анимации к классу animate_flip */
.animate_flip {
    display: inline-block;
    padding: 20px;
    border-radius: 30px;
    animation: flip 3s infinite; /* 2 секунды и бесконечное повторение */
    text-align: center;
}
input[type='button'] {
    padding: 10px;
    box-sizing: content-box;
    background-color: ghostwhite;
    border: transparent 12px ridge;
    border-radius: 50px;
    width: 200px;
}
input[type='radio']:hover{
    font-size: 20px;
    padding: 10px;
    width: 30px;
    height: 40px;
    font-family: 'Montserrat', sans-serif white;
}
#radio {
    color: white; /* Белый цвет текста для всего содержимого внутри div */
    font-size: 20px;
}
#radio label {
    color: white; /* текст в label тоже белый */
}
#radio strong {
    color: white; /* Белый цвет для текста в strong */
}
#kogusInput{
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    background-color: transparent;
    border: #d1e8f4 12px;
    color: white;
    font-size: 30px;
}
#blur{
    backdrop-filter: blur(20px);
    margin-top:10%;
}