html{height:100%;width:100%;margin:0;}
body {margin:0;width:100%;height:100%;font-size:11px;background: linear-gradient(#46b9b9,#205fa6);font-family:Trebuchet MS, Arial,Helvetica,sans-serif;}

main{width:100%;height:70%;display:flex;align-items: center;justify-content: center;}
.login-card {background-color:white;width:450px;box-shadow:0px 0px 10px grey;}
.login-card > div:nth-child(1){padding:10px;height:60px;border-bottom:1px solid lightgrey;margin:10px;display:flex;flex-direction:row;align-items:center;font-size:20px;color:#205fa6;text-transform:uppercase;}
.login-card > div:nth-child(1) img:nth-child(1){ height:50px;margin-right:10px;}
.login-card > div:nth-child(1) img:nth-child(2){height:40px;margin-right:10px;}
.login-card > div:nth-child(2){padding:30px;}
.login-card > div:nth-child(2) label{display:block;font-weight:bold;margin-bottom:10px;color:grey;}
.login-card > div:nth-child(2) input{width:calc(100% - 22px);padding:10px;border:1px solid lightgrey;border-radius:5px;margin-bottom:10px;}
.login-card > div:nth-child(2) input[name=password] {margin-bottom:30px;}
.login-card > div:nth-child(2) input:focus {border-color:#46b9b9;}
.login-card > div:nth-child(2) button {width:100%;background-color:#46b9b9;border:none;padding:10px;text-transform:uppercase;color:white;cursor:pointer;letter-spacing:1px;font-family:Trebuchet MS, Arial,Helvetica,sans-serif;}

.alert-box{padding:10px;border-radius:2px;font-weight:bold;margin-bottom:10px;}
.error{background-color:#fedee5; color:#8d3040; border:1px solid #fed1da;}