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

    top: 310%;
    left: 0px
}
.window4handle2 {
    position: absolute;
    background: var(--bg2);
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 1vmax 0.1vmax black;

    bottom: 0px;
    left: 0px;
}

.contacts {
    position: absolute;
    background: transparent;
    width: 70vmax;
    height: 40%;

    top: 0%;
    left: 50%;

    translate: -50% 0%;
}
.footer {
    position: absolute;
    background: transparent;
    width: 70vmax;
    height: 55%;

    bottom: 0%;
    left: 50%;

    translate: -50% 0%;
}

.seperator {
    position: absolute;
    background: white;
    width: 60vmax;
    height: 0.1vmax;
    opacity: 0.1;

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

.contactstxt, .contactsbutton {
    position: absolute;
    color: var(--txt);
    opacity: 0.7;
    font-family: poppins,sans-serif;

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

.contactstxt {
    translate: -100% -100%;
}
.contactsbutton {
    translate: 60% -85%;
    padding-left: 1vmax;
    padding-right: 1vmax;
    padding-top: 0.5vmax;
    padding-bottom: 0.5vmax;
    border-radius: 50vmax;
    cursor: pointer;
    opacity: 1;

    transition: color 0.1s linear, background 0.1s ease;
}
.contactsbutton:hover {
    color: var(--gr);
    background: rgba(118,91,201,0.2);
}

.footertitle, .footertos, .footerhyperlinks, .footerlegal {
    position: absolute;
    background: transparent;
}
.footertitle {
    width: 20vmax;
    height: 10vmax;

    top: 1.5vmax;
    left: 1.5vmax;
}
.footertos {
    width: 20vmax;
    height: 2vmax;

    bottom: 1.5vmax;
    left: 1.5vmax;
}
.footerhyperlinks {
    width: 25vmax;
    height: 12.5vmax;

    top: 1.5vmax;
    right: 1.5vmax;
}
.footerlegal {
    width: 25vmax;
    height: 2vmax;

    bottom: 1.5vmax;
    right: 1.5vmax;
}

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

    top: 0%;
    left: 0%;
}
.footertitlehandle > img {
    position: absolute;
    height: 100%;
    top: 0%;
    left: 0%;
}
.footertitlehandletitle {
    position: absolute;
    color: var(--txt);
    font-family: poppins,sans-serif;

    left: 5vmax;
    translate: 0% -10%;
}

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

    bottom: 0%;
    left: 0%;
}
.footertitlehandledesc {
    position: absolute;
    color: var(--txt);
    font-family: poppins,sans-serif;
    font-size: 1vmax;
    width: 75%;
    opacity: 0.7;

    left: 0vmax;
    translate: 0% -10%;
}

.footertostxt {
    position: absolute;
    color: var(--txt);
    font-family: poppins,sans-serif;
    font-size: 1vmax;
    width: 75%;
    opacity: 1;

    left: 0vmax;
    translate: 0% -25%;
}

.footertostxt1, .footertostxt2 {
    padding: 0.5vmax 1vmax 0.5vmax 1vmax;
    border-radius: 50vmax;
    transition: color 0.1s linear, background 0.1s ease, opacity 0.1s linear;
}

.footertostxt1:hover, .footertostxt2:hover {
    color: var(--gr);
    background: rgba(118,91,201,0.2);
    opacity: 1;
}

.footerlegaltxt {
    position: absolute;
    color: var(--txt);
    font-family: poppins,sans-serif;
    font-size: 1vmax;
    text-align: left;
    opacity: 0.7;

    right: 0vmax;
    translate: 0% -25%;
}



.footerlinkshandle, .footerlinkshandle2 {
    position: absolute;
    background: transparent;
    width: 50%;
    height: 100%;

    scale: 0.95;
}
.footerlinkshandle2 {
    right: 0%;
}
.footerlinktitle {
    position: absolute;
    color: var(--txt);
    font-family: poppins,sans-serif;
    font-size: 1vmax;

    left: 1vmax;
    translate: 0% -25%;
}
.footerlinkbox {
    position: absolute;
    background: var(--bg);
    border-radius: 1vmax;
    width: 100%;
    height: 82%;

    bottom: 0%;
    left: 0%;
}

.footerlinktxt1, .footerlinktxt2 {
    position: absolute;
    font-family: poppins,sans-serif;
    font-size: 1vmax;
    color: var(--txt);
    opacity: 0.7;
    background: transparent;
    width: calc(100% - 2vmax);
    padding: 0.1vmax 0vmax 0.1vmax 1vmax;
    border-radius: 50vmax;

    left: 50%;
    translate: -50% -20%;

    transition: color 0.1s linear, background 0.1s ease, opacity 0.1s linear;
}
.footerlinktxt2 {
    translate: -50% 90%;
}
.footerlinktxt1:hover, .footerlinktxt2:hover {
    color: var(--gr);
    background: rgba(118,91,201,0.2);
    opacity: 1;
}