:root {
    --bgc-color: rgba(204, 153, 68, 1);
    --bgc-color-sec: rgba(204, 153, 68, 0.3);
    --button-color: rgba(204, 153, 68, 0.7);
    --text-color: #fff;
}
 
body, html {
    /* Solid color */
    background-color: var(--bgc-color);
    /* Gradient color */
    background: linear-gradient(180deg, var(--bgc-color) 0%, var(--bgc-color-sec) 100%);
}

.main-login {
    min-width: 400px;
}

.main-login {
    border-radius: 5px;
}

.btn-login {
    margin: 15px 0;
    background-color: var(--button-color);
    color: var(--text-color);
    border: none;
    transition: all 0.5s ease;
}

.btn-login:active,.btn-login:hover,.btn-login:focus,.btn-login:visited {
    background-color: var(--bgc-color);
    color: var(--text-color);
    transition: all 0.5s ease;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: none;
}

a:active, a:hover, a:focus {
    color: var(--bgc-color);
}