.header {
    position: fixed;
    background: transparent;
    box-shadow: 0px 0px 1vmax 0px black;
    backdrop-filter: blur(1vmax);
    width: 100%;
    height: 5vmax;

    top: 0px;
    left: 0px;

    z-index: 10000;
}

.header > img {
    position: absolute;
    height: 100%;
    scale: 0.7;

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

.headerfeatures, .headerpricing, .headersupport, .headerdashboard {
    position: absolute;
    color: var(--txt);
    font-family: poppins,sans-serif;
    padding-left: 1vmax;
    padding-right: 1vmax;
    padding-top: 0.5vmax;
    padding-bottom: 0.5vmax;
    border-radius: 50vmax;
    font-size: 1.81vmax;
    cursor: pointer;

    top: -0.5vmax;
    left: 50%;
    translate: -50% 0%;

    scale: 0.6;
    transition: color 0.1s linear, background 0.1s ease;
}
.headerpricing {
    translate: -125% 0%;
}
.headerfeatures {
    translate: -175% 0%;
}
.headerdashboard {
    translate: 10% 0%;
}
.headersupport {
    translate: 110% 0%;
}

.headerfeatures:hover, .headerpricing:hover, .headersupport:hover, .headerdashboard:hover {
    color: var(--gr);
    background: rgba(118,91,201,0.2);
}