header.active {
    transform: translate(0, 0);
    transition: 0.5s;
    z-index: 100;
    box-shadow: 0px 4px 6px rgb(0 0 0 / 20%);
    background: #4f41a2;
    padding: 0;
}

header a.logo svg {
    width: 120px;
    margin: 0 0;
}

header a.logo {
    width: 120px;
    height: 69px;
    margin: 0 auto;
    transition: 0.6s;
    display: block;
}

header a.logo:hover {
    opacity: 0.7;
}

header a img {
    max-width: 100%;
}