Рей Достоевский

Можно попробовать использовать псевдокласс ::hover, при котором вы будете менять цвет градиента на более яркий. Еще, можно наложить один градиент на другой, с тем-же псевдоклассом ::hover, где вы сначала убираете первый градиент и ложите более яркий.

nextchar = string[idx]
IndexError: string index out of range
Проблема скорее всего в этом, если дословно, то вы вышли за рамки массива string
37 строка

Попробуйте так:

vk_session = vk_api.VkApi(token=config.token)
longpoll = VkLongPoll(vk_session)
vk = vk_session.get_api()
while True:
  for event in longpoll.listen():
    if event.type == VkEventType.MESSAGE_NEW and event.to_me:
      print(event)

Предлагаю сделать вам список информации, которую нужно отображать, и задать такие значения в css:

.yourBlock{
    position: absolute;
    right: -1000px;
}
.yourWord:hover .yourBlock:
    right: 0px;

Можно еще указать, положение слова.

Все очень просто:
var number = prompt("Введите число: ")

Не уверен, но возможно может помочь
z-index. Примени к выпадающей информации 1, а к блоку 0. Опять-же, не уверен.

Добавить каждому отдельный class или id.
В css уже обращаться к каждому по отдельности.
Если писать на css, - будет долго. Лучше используй JS или Python, уже до тебя должно было быть сделано)

Удачи! =)

Сайт не загружается, но могу навскидку сказать, возможно нужно адаптировать сайт под разные платформы, я не уверен. В css примени к высоте и ширине видео max-width: и min-height:

.block{
//Примерный код
    min-height: 1000px;
    max-width: 1000px
}

Тогда будет адаптация под разные платформы. Если хочешь разобраться, вот полезная статья: https://html5book.ru/adaptivnaya-vyorstka-sayta/

Попробуй align-items: center; Не поможет - дай родителю display: flex; в css.
Еще можно сделать position: absolute; и управлять top и left.
Удачи =)

Есть блок с классом "block", есть список li "list"
В css:

.block{
    display: block;
    position: relative;
}
.list{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.block:hover .list{
    display: block
}

Возможно ещё .block::hover, если не сработает.
Также, можно с помощью паддингов, но это уже совсем другая история)