html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at 100% 100%, rgb(30, 30, 30), rgb(90, 90, 90));
    background-size: 120% 120%;
}

.main-container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    justify-items: center;
}

.logo-container {
    width:58%;
    min-width: 1000px;
    max-width: 1000px;
    aspect-ratio: 1;
    background-position: 0% 0%;
    background: linear-gradient(60deg, rgba(145, 161, 174, .4), rgba(82, 98, 111, .6), rgba(145, 161, 174, .4));
    background-size: 500% auto;
    animation: gradient 20s linear infinite;
    clip-path: url(#logo);
}

@keyframes gradient {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 500% 0
    }
}

.logo-container svg {
    width: 100%;
    height: 100%;
}