/* Базовые настройки экрана */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    overflow: hidden;
    
    /* Центрируем всё, что находится в body (в данном случае — Сенко) */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Сенко — всегда строго по центру */
.main-img {
    width: auto;
    height: 120px; /* Размер как на ПК */
    filter: invert(1);
    display: block;
}

/* Котик — прижат к левому нижнему углу */
.gif-cat {
    position: absolute; /* Вырываем из центра и крепим к координатам */
    bottom: 20px;       /* Отступ снизу */
    left: 20px;         /* Отступ слева */
    
    width: auto;
    height: 100px;      /* Размер котика */
    
    filter: none !important; /* Убираем инверсию */
    z-index: 10;        /* Чтобы был поверх всего */
}

/* Адаптивность для мобильных устройств */
@media (max-width: 600px) {
    .main-img {
        height: 80px;   /* На телефоне Сенко чуть меньше */
    }
    .gif-cat {
        height: 60px;   /* На телефоне котик тоже меньше */
        bottom: 10px;
        left: 10px;
    }
}