:root {
    /*--main-color:#232323;*/
    --main-color: #FFEBCD;
    --add-color: #393939;
    --green-color: #2d9062;
    --yellow-color: #faaf08;
    --wheat-color: #FFEBCD;
    --pattern: url(/img/menu-icons/black-scratch-lines.png);
    --black-color: #232323;
}

.auth_background {
    background-image:var(--pattern);
    background-size:10%;
    width: 100%;
    height: 100%;
    --s: 17px;  

    --c: #0000, #282828 0.5deg 119.5deg, #0000 120deg;
    --g1: conic-gradient(from 60deg at 56.25% calc(425% / 6), var(--c));
    --g2: conic-gradient(from 180deg at 43.75% calc(425% / 6), var(--c));
    --g3: conic-gradient(from -60deg at 50% calc(175% / 12), var(--c));
}

.auth_text_color {
color:var(--wheat-color)
}

.auth_text_font {
font-family:Algerian;
font-size:72px;
font-weight:400;
text-shadow:5px 5px 5px #000
}

.auth_text_font_but {
font-family:Algerian;
font-size:48px;
font-weight:300
}

.auth_text_font_login {
font-family:Algerian;
font-size:40px;
font-weight:400;
text-shadow:3px 3px 3px #000
}

.auth_text_font_text {
font-size:12px;
font-weight:200;
color:var(--wheat-color)
}

.auth_text_font_a {
font-size:16px;
font-weight:400;
color:var(--wheat-color);
text-decoration:underline
}

.auth_text_font_a:hover {
color:var(--yellow-color)
}

.auth_div_width {
width:60%
}

.auth_height {
height:200px
}

.auth_height_side {
height:150px
}

.auth_width {
width:35vw
}

.auth_max_height {
max-height:calc(100vh - 52px)
}

.auth_form-control {
display:block;
width:100%;
padding:.25rem .75rem;
font-weight:700;
color:var(--wheat-color);
background-color:var(--black-color);
background-clip:padding-box;
border:0 solid var(--add-color);
border-radius:4px;
transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color 0 600000s,color 0 600000s!important
}

.auth_form-control::placeholder {
color: darkgrey;
opacity:80%
}

.auth_form-control:focus::placeholder {
opacity:0;
transition:opacity .2s
}

.auth_btn {
color:var(--wheat-color);
background:radial-gradient(var(--add-color),black);
width:100%;
font-family:Algerian;
font-size:36px;
font-weight:300;
border:var(--green-color);
border-width:5px;
border-radius:10px
}

    .auth_btn:hover {
        background: radial-gradient(var(--green-color),black);
        color: var(--yellow-color);
        border-style: outset
    }

.auth_btn:active {
border-style:inset
}

.password {
position:relative
}

.password-control {
position:absolute;
top:-1px;
right:1px;
display:inline-block;
width:30px;
height:30px;
background:url(/img/view.png) 0 0 no-repeat;
background-size:100%
}

.password-control.view {
background:url(/img/no-view.png) 0 0 no-repeat;
background-size:100%
}

.screen_height {
height:512px;
background-size:100%
}