.window1 {
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;

    top: 0px;
    left: 0px
}
.window1handle {
    position: absolute;
    background: transparent;

    width: 40vmax;
    height: 20vmax;

    left: 0vmax;
    top: 50%;
    translate: 0% -50%;
    z-index: 1;
}
.window1title {
    position: absolute;
    background: linear-gradient(to right, var(--gr), var(--gr2), var(--gr));
    background-size: 200% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-family: poppins,sans-serif;
    font-size: 4vmax;

    line-height: 4vmax;
    top: -1vmax;

    animation: txtgradient 5s infinite linear;
}
.window1desc {
    position: absolute;
    color: var(--txt);
    font-family: poppins,sans-serif;
    font-size: 1.5vmax;
    opacity: 0.75;

    line-height: 2vmax;

    top: 10vmax;
}

.window1handle2 {
    position: absolute;
    background: transparent;

    width: 40vmax;
    height: 40vmax;

    right: 8vmax;
    top: 50%;
    translate: 0% -50%;
}

.window1handle2blob, .window1handle2blob2 {
    position: absolute;
    background: white;
    border-radius: 50vmax;
    z-index: -1;

    aspect-ratio: 1/1;

    top: 50%;
    left: 50%;
    translate: -50% -50%;
}

.window1handle2blob {
    background: var(--sec);
    height: 20vmax;
    opacity: 0.5;
    scale: 1;
    transform: scaleY(1.4);
    transform-origin: 50%;
    filter: blur(7vmax);

    animation: blob1 20s infinite ease-in-out,
        blobrot 12s infinite linear;
}
.window1handle2blob2 {
    background: var(--pri);
    height: 8vmax;
    scale: 1;
    transform-origin: 50%;
    filter: blur(6vmax);

    animation: blob2 14s infinite ease-in-out;
}