:root {
    --font-family:system-ui, -apple-system, "Segoe UI", Arial, Tahoma, Verdana, "Noto Sans", "Liberation Sans", sans-serif;
    --placeholder-color:#999;
    font-size: 16px;
    line-height: 1.5;
}
*, *::before, *::after {
    box-sizing: border-box;
    font-family: var(--font-family)
}
::placeholder {
    color: var(--placeholder-color);
}
:root,html{font-family: var(--font-family)}
body {
    font-size: 1rem;
    color: #000;
    margin: 0;
    padding: 0;

    /*background-color: #4158D0;background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);*/
    background-color: hsl(74, 75%, 28%);background-image:radial-gradient(at 0% 99%, hsl(194, 100%, 46%) 0, transparent 70%),radial-gradient(at 99% 1%, hsla(73,90%,62%,1) 0, transparent 60%);
}

.home-page {
    width: 100vw;
    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;
}

form::before {
    display:block;
    clear:both;
    content:"Rolladen Group";
    text-align: center;
    font-size: 3.85rem;
    color: rgba(255,255,255,0.17);
    font-weight: 700;
}

dl.zend_form {
    width: 450px;
    max-width: 95vw;
    height: 350px;
    max-height: 95vh;
    background-color: #fff;
    padding: 33px 35px;
    border-radius: 6px;
    box-shadow: 2px 2px 12px rgba(0,0,0,0.5);
    border: 1px solid rgba(0,0,0,.17);
}

dt {margin: 0 0 10px 0;}
dd {margin-left: 0;}
dd::after {display:block;clear:both;content:""}


label {color:#000;font-weight:500}
input {padding: 12px; font-size: 1rem}
input[type=text],
input[type=password]{
    margin: 2px 0 18px 0;
    width: 100%;
    border: solid 1px rgba(0,0,0,0.333);
    border-radius: 5px;
}

ul.errors {margin: -10px 0 2px 0; padding: 0; list-style-type: none; color: #d00; font-size: 0.85rem}
#userpassword-element ul.errors {margin-bottom: -16px}

#submit-label {height: 0}

input[type=submit] {
    /*background-image: linear-gradient(to right, #FF512F 0%, #DD2476  51%, #FF512F  100%);*/
    background-image: linear-gradient(to right, hsl(73, 81%, 43%) 0%, hsl(194, 98%, 36%) 100%);
    margin-top: 16px;
    padding: 12px 50px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.2);
    border-radius: 7px;
    border-width: 0;
    font-size: 1.125rem;
}

input[type=submit]:hover {
    background-position: center right ;
    color: #fff;
    text-decoration: none;
}


.copyright{font-size:0.85rem}