* {
    font-family: sans-serif;
}
.debug {
    display: block;
    z-index: 1600000000;
    text-align: left;
    font-family: Consolas,monospace;
    font-size: 10pt;
    background: lightgray;
    color: black;
    padding-left: 1em;
    overflow:scroll;
    resize:both;
}

/* add to login.css */
.createaccount {
    display: none;
}


/* floating input labels || hover labels */
.float-label {
    /*
      // floating input labels / hover labels
      // usage:
      <div class="float-label">
      <input type="text" id="sometext" placeholder="sometext" />
      <label for="sometext">Sometext</label>
      </div>
   */
    position: relative;
    float:left;
    text-align: left;
    /* To create space for floating label */
    margin-top: 1em;  padding-top: 1em;
    input,label { padding: 0.25em; }
    input {
	&::placeholder { color: transparent; }}
    label {
	position: absolute;
	left: 0;
	pointer-events: none;
	transform-origin: left center;
	transition: transform 250ms;
	color: gray;
	opacity: 50%;
    }
    input:focus + label,
    input:not(:placeholder-shown) + label {
	transform: translateY(-1.25em) scale(0.75);
    }
    input:placeholder-shown + label + .clear {
	display: none;
    }
}


/* Hide Safari's autofill button*/
/*
&::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
}
*/