body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, #739ea9 50%, #4e808b 100%);
    z-index: -1;
}

#logo-container {
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25%;
    height: 25%;
    background: transparent;
    text-align: center;
    margin: auto;
}
#logo, #logo-highlight {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    transition-property: opacity;
  transition-duration: 2s;
  transition-timing-function: ease-in-out;
}
}
#logo {
    z-index: 2;
    opacity: 1;
}
#logo-highlight {
    z-index: 1;
    opacity: 0;
}
#logo-container:hover #logo {
    opacity: 0;
}
#logo-container:hover #logo-highlight {
    opacity: 1;
}