/* CSS for the Yeti Animation */
.svg-container {
    width: 120px;
    height: 120px;
    margin: 0 auto 10px auto;
    /* Regular margin inside box */
    position: relative;
    z-index: 2;
}

.dachshund-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.pupil {
    transition: cx 0.1s, cy 0.1s;
}

.ear {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    /* Bouncy effect */
    transform-origin: 35px 55px;
    /* Pivot point for left ear */
}

.ear-right {
    transform-origin: 85px 55px;
    /* Pivot point for right ear */
}

/* Classes applied by JS */
/* Classes applied by JS */
.ear-left.covering {
    transform: rotate(-100deg) translate(-5px, 0);
}

.ear-right.covering {
    transform: rotate(100deg) translate(5px, 0);
}

/* Adjust Login Box to accommodate */
.login-box {
    margin-top: 10px !important;
}

.login-logo a {
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 229, 255, 0.7);
}