/* BOX MODEL */
*, *:before, *:after {
    box-sizing:border-box;
    -webkit-user-select: none;
}

/* RESET */
html {font-size:62.5%;}
/*
html {-moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; -o-user-select: none; user-select: none;}
::selection, ::-moz-selection {background: transparent; color:inherit;}
*/
html, body, textarea, figure, label {margin: 0; padding: 0;}
body {color:#333; font-family:"Andada", Arial, sans-serif;font-size:14px; font-size:1.4rem; font-weight:300;}

html,
body,
.wrap { height: 100%; }

.wrap {
    text-align: center;
    max-width: 250px;
    margin: 0 auto;
}

.content {
    position: relative;
    top: 10%;
    transform: translateY(-10%);
}

.txt-center { text-align: center; }

.login-form {
    text-align: left;
}

.login-form input:not([type="submit"]) {
    padding: 8px;
    border: 1px solid #ddd;
}
.login-form input:not([type="submit"]):focus {
    border-color: #e96261;
}

.login-form input[type="text"],
.login-form input[type="password"] {
    width: 100%;
    margin-top: 5px;
}

input, textarea {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}


.login-form input[type="submit"] {
    font-family: "Courgette", Arial, sans-serif;
    border: 0;
    cursor: pointer;
    background-color: #e96261;
    color: #fff;
    font-size: 16px;
    padding: 5px 10px;
}
.login-form input[type="submit"]:hover {
    background-color: #64c2c9;
}

.login-form label { cursor: pointer; }

.alert {
    text-align: left;
    max-width: 280px;
    background-color: #eee;
    margin: 15px auto;
    color: #e96261;
    padding: 10px;
}
.alert button {
    background-color: transparent;
    border: 0;
    padding: 0;
    font-size: 18px;
    color: #e96261;
    cursor:pointer;
}