body {
    position: relative;
    margin: 0;
    overflow-x: hidden;
    background: repeating-linear-gradient(45deg,  rgb(77 11 138 / 50%), rgb(149 69 171 / 50%) 40%), repeating-linear-gradient(135deg, #4d0b8a, #9245ab 40%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.login h1 a {
    background: linear-gradient(135deg, #e83962, #ffcbb3);
    -webkit-mask: url('../img/icons/030-headphones.svg');
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask: url('../img/icons/030-headphones.svg');
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    height: 70vw;
    width: 70vw;
    max-width: 270px;
    max-height: 270px;
    margin-bottom: 70px;
}

form#loginform {
    background: rgba(0,0,0,0.4);
    border-radius: 5px;
    color: #fefefe;
}

input#wp-submit {
    background: linear-gradient(135deg, hsl(336deg 97% 76%), hsl(19deg 82% 82%));
    border: none;
}

button.button.button-secondary.wp-hide-pw {
    color: #520f8c;
}

button.button.button-secondary.wp-hide-pw:focus {
    border-color: #4f0d8b;
    box-shadow: 0 0 0 1px #4f0d8b;
}

.login #backtoblog a, .login #nav a {
    color: #ffffff;
}