html,body{
    height:100%;
    background-color: seashell;
    user-select: none;
    overflow: hidden;
}
.imageSection{
    background-size: cover;
    min-height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#login{
    background-color:white;
    height: 85vh;
    display: inline-block;

}

.copy{
    text-align: center;
    position: absolute;
    height: 30px;
    left: 0;
    bottom: 15px;
    width: 100%;
    color: #999;
    font-weight: 500;
}
.card{
    border: 1px solid  #C04848;
    box-shadow: 0 0 5px rgba(0,80,80,.4); 
}
form{
	padding: 0 2em;
}
.form__input{
	width: 100%;
	border:0px solid transparent;
	border-radius: 0;
	border-bottom: 1px solid #aaa;
	padding: 1em 2em .5em;
	padding-left: 2em;
	outline:none;
	margin:0.5em auto;
	transition: all .5s ease;
}
.form__input:focus{
	border-bottom-color: #008080;
	box-shadow: 0 0 5px rgba(0,80,80,.4); 
	border-radius: 4px;
}
.btn{
	transition: all .5s ease;
	width: 75%;
	border-radius: 30px;
	color :#C04848;
	font-weight: 600;
	background-color: #fff;
	border: 1px solid #C04848;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
.btn:hover, .btn:focus{
	background-color:  #C04848;
	color:#fff;
}
.socialBtn:hover{
    background-color:  #C04848;
	color:#fff;
}
.socialBtn{
    transition: all .5s ease;
	width: 30%;
	border-radius: 30px;
    color :#C04848;
    display: inline-block;
	font-weight: 600;
	background-color: #fff;
    border: 1px solid #C04848;
    text-decoration: none;
}
.note{
    background-color: #17a2b821 !important;   
    box-shadow: 0 0 5px rgba(0,80,80,.4); 
}