body{
    font-family: Georgia, 'Times New Roman', Times, serif;   /*шрифт*/
    display: flex;    /*Выравнивание?????*/
    justify-content: center;    /*Расположение по горизонтали - центр*/
    align-items: center;      /*Распложение по вертикали - центр*/
    height: 100vh;
    margin: 0;     /*Задает внешний отступ со всех сторон эл-та*/
    background-image: url("58430158.png");
}

.cont{
    text-align: center;    /*Расположение текста*/
    background-color: rgb(253, 253, 253);
    padding: 40px;    /*отступ от внутренностей cont до границы*/
    border-radius: 155px;     /*скругление*/
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);    /*добавляет тень*/
}

h1{
    color: blue;
    margin-bottom: 30px;
}

.btn1 {
    padding: 15px 30px;
    font-size: 18px;
    margin: 0 10px;
    cursor: pointer;
    background-color: chartreuse;
    color: rgb(0, 0, 0);
    border: 20px;
    border-radius: 30px;
    transition: backround-color 0.3s;
    
}

.btn1:hover{
    background-image: url("58430158.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-size: cover;
    color: rgb(255, 0, 0);
}

.btn2 {
    padding: 15px 30px;
    font-size: 18px;
    margin: 0 10px;
    cursor: pointer;
    background-color: rgb(255, 0, 0);
    color: rgb(0, 0, 0);
    border: 20px;
    border-color: rgb(255, 0, 0);
    border-radius: 30px;
    transition: backround-color 0.3s;
    
}

.btn2:hover{
    background-color: rgb(0, 0, 0);
}

#imageCont{
    margin-top: 30px;
}

.hidden {
    display: none;
}

#runaway{
    position: relative;
    cursor: pointer;
    transition: left 0.2s, top 0.2s;
}