body{font-family:"Montserrat",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:hsl(0,0%,25%);margin:0;padding:0;display:flex;flex-direction:column;height:100vh}body>main{height:90vh;flex:1}body>footer{padding:0 20px}h3{margin:0}.right{float:right}.login-card{position:relative;top:50%;padding:30px;margin:-200px auto 0 auto;width:360px;border-radius:8px;box-shadow:0 2px 4px 0 hsla(0,0%,0%,.3);border:solid 1px hsl(0,0%,90%)}section>*{margin-bottom:30px}section>*:last-child{margin-bottom:0}.control{position:relative;padding:10px 0}.control label{z-index:-1;position:absolute;line-height:40px;color:hsl(0,0%,60%);left:10px;top:10px;transition:.1s ease-out}.control input[type="email"],.control input[type="password"]{outline:none;width:100%;box-sizing:border-box;height:40px;padding:10px;border-radius:8px;background-color:hsl(0,0%,100%);border:solid 1px hsl(0,0%,67%)}.control input[type="email"]:valid,.control input[type="password"]:valid{border-color:hsl(0,0%,33%)}.control>input[type="email"]:focus+label,.control>input[type="password"]:focus+label{left:0;top:-15px;font-size:10px}.checkbox-control{position:relative;padding:10px 0}.checkbox-control label{color:hsl(0,0%,60%);font-size:12px;font-weight:bold}.checkbox-control.right label{float:left}.checkbox-control input[type=checkbox]:focus~label,.checkbox-control:hover label{color:hsl(0,0%,33%)}input[type="checkbox"]{outline:none;opacity:0;position:absolute;z-index:-9}input[type=checkbox]~label::after{font-family:FontAwesome;content:"";color:hsl(0,0%,89%);font-size:18px;display:inline-block;width:18px;margin-left:10px}input[type=checkbox]:focus~label::after{color:hsl(0,0%,70%)}input[type=checkbox]:checked~label::after{content:"";color:hsl(14,100%,61%)}button{border:none;cursor:pointer;outline:none;box-sizing:border-box}button::-moz-focus-inner{border:0}button[type=submit]{width:100%;height:40px;border-bottom:4px solid hsl(14,79%,48%);background-color:hsl(14,100%,61%);color:#fff;padding:10px 0;font-family:"Montserrat",Helvetica,Arial,sans-serif}button[type=submit]:focus,button[type=submit]:hover{border-color:hsla(14,79%,48%,.4);background-color:hsla(14,100%,61%,.8)}button[type=submit]:active{border-bottom:none}.center{text-align:center}a{text-decoration:none;color:hsl(0,0%,33%);font-weight:bold;outline:none}a:hover,a:focus{text-decoration:underline}.error{font-weight:bold;color:hsl(0,80%,40%);text-align:center}