.hide{
    display:none;
}
.show{
    display: block;
}
.text-warning{
    color:orange;
}
.text-danger{
    color:red;
}
.text-success{
    color:green;
}

h1, p{
    position: relative;
}

.form-holder{
    width:90%;
    max-width:35rem;
    margin:auto;
    margin-bottom:1rem;

    position: relative;
}
.form-holder form .bordered input{
    border:1px solid rgba(189, 189, 189, 0.5);
}
.form-holder form input{
    width:100%;
    height:1.6rem;
    border-radius: 0.25rem;
    border:0px;
    padding:0.15rem;
    padding-left:0.25rem;
    padding-right:0.25rem;
    letter-spacing: 1px;
    margin-bottom:0.25rem;
}
.form-holder form fieldset{
    border:0px;
}
.form-holder form fieldset[for="email"]{
    margin-bottom:2rem;
}
.form-holder form fieldset[for="password"]{
    margin-bottom:0.5rem;
}
.form-holder form fieldset[for="passwordConfirm"]{
    margin-bottom:0.5rem;
}
.form-holder form input:focus{
    outline: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.form-holder form button{
    height:1.6rem;
    border-radius: 0.25rem;
    border:0px;
    padding-left:1rem;
    padding-right:1rem;
    letter-spacing: 1px;

    background-color:var(--primary-1);
    color:white;

    cursor: pointer;
    margin-bottom:0.25rem;
}