﻿
body {
    background-color: #865a4012;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.owl {
    margin: auto;
    width: 211px;
    height: 108px;
    background-image: url('../../img/owl-login.png');
    position: relative;
}

    .owl .hand {
        width: 34px;
        height: 34px;
        border-radius: 40px;
        background-color: #472d20;
        transform: scaleY(0.6);
        position: absolute;
        left: 14px;
        bottom: -8px;
        transition: 0.3s ease-out;
    }

        .owl .hand.password {
            transform: translateX(42px) translateY(-15px) scale(0.7);
        }

        .owl .hand.hand-r {
            left: 170px;
        }

            .owl .hand.hand-r.password {
                transform: translateX(-42px) translateY(-15px) scale(0.7);
            }

    .owl .arms {
        position: absolute;
        top: 58px;
        height: 41px;
        width: 100%;
        overflow: hidden;
    }

        .owl .arms .arm {
            width: 40px;
            height: 65px;
            background-image: url('../../img/owl-login-arm.png');
            position: absolute;
            left: 20px;
            top: 40px;
            transition: 0.3s ease-out;
        }

            .owl .arms .arm.password {
                transform: translateX(40px) translateY(-40px);
            }

            .owl .arms .arm.arm-r {
                left: 158px;
                transform: scaleX(-1);
            }

                .owl .arms .arm.arm-r.password {
                    transform: translateX(-40px) translateY(-40px) scaleX(-1);
                }

.form {
    margin: auto;
    margin-top: -9px;
    padding: 30px;
    background-color: #fff;
    width: 200px;
}

    .form .control {
        margin-bottom: 10px;
        position: relative;
    }

        .form .control label {
            position: absolute;
            font-size: 16px;
            top: 11px;
            left: 9px;
            color: rgba(0,0,0,0.3);
        }

        .form .control input {
            padding: 9px 6px 9px 30px;
            border-radius: 4px;
            border: 1px solid #ccc;
            font-size: 14px;
        }


button {
    cursor: pointer;
    border: 0;
    border-radius: 4px;
    font-weight: 600;
    margin: 0 10px;
    width: 186px;
    padding: 10px 0;
    box-shadow: 0 0 20px rgb(197 202 204);
    transition: 0.4s;
    margin-top: 10px;
}


    button:hover {
        color: white;
        box-shadow: 0 0 20px rgb(74 49 35);
        background-color: rgb(133 90 64);
    }

