.title {
    font-family: 'Open Sans', sans-serif;
    margin-top: 0;
}

.login {

    padding: 10px 10px 10px 10px;
    margin: 5px auto;
    width: 320px;
    text-align: center;
    background-color: white;
    border-radius: 10px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 0 0;
}

.loginadd {
    animation: createBox .75s;

}

label {
    display: inline-block;
    width: 100px;
    margin-right: 30px;
    margin-bottom: 5px;
    text-align: right;
}

input {
    font-family: 'Raleway', sans-serif;
    transition: all 0.3s ease;

}

.button {
    font-family: 'Raleway', sans-serif;
    padding: 5px 30px;
    margin-top: 8px;
    border: 0;
    background: dimgrey;
    box-shadow: none;
    border-radius: 5px;
    color: #fff;
    font-size: 1em;
    text-underline-mode: none;
}

.button:hover {
    background: #545454;
}

.warn:hover {
    background: orangered;
}

.home:hover {
    background: darkblue;
}

body {
    font-family: 'Raleway', sans-serif;
    background: black /*url("/images/bg.gif")*/ no-repeat fixed center;
}

.center {
    text-align: center;
}

.links {
    margin-bottom: 10px;
}

.link:visited {
    color: #000;
}

.link {
    color: #000;
}

.link:hover {
    color: #505050;
}

.frm {
    margin-top: 19px;
}

h4 {
    margin-top: 10px;
    margin-bottom: 5px;
}

h2 {
    margin-bottom: 5px;
}

@keyframes createBox {
    from {
        transform: scale(0) translate(-50%, -50%);
    }
    to {
        transform: scale(1) translate(-50%, -50%);
    }
}

@keyframes destroyBox {
    from {
        transform: scale(1) translate(-50%, -50%);
    }
    to {
        transform: scale(0) translate(-50%, -50%);
    }
}