.sign-in{position:relative;width:100%;height:100vh}.sign-in-background{position:fixed;left:0;right:0;z-index:-1;height:100vh;display:block}.sign-in-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;text-align:center;background:rgba(40,40,52,0.7);padding:3rem 2.5rem;width:450px}.sign-in-content h2{color:#fff;margin-bottom:4rem;text-transform:uppercase;font-weight:900;letter-spacing:2px}.sign-in-content h3{color:#fff;font-weight:900;letter-spacing:2px;line-height:1.3}@media screen and (max-width:768px){.sign-in-content{width:95%}}p.powered-by{position:fixed;bottom:0;right:10px;color:#fff;font-weight:900;letter-spacing:2px;font-size:1.4rem}p.powered-by a{color:#fff}p.powered-by a:hover{text-decoration:none}.sign-in form input.form-control{background:rgba(40,40,52,0.7);border:0;border-radius:0;color:#fff;height:60px;font-size:1.6rem;transition:background .3s ease-in-out}.sign-in form input.form-control:focus{outline:none;border-color:inherit;-webkit-box-shadow:none;box-shadow:none;background:rgba(255,255,255,0.9);color:#000;transition:background .3s ease-in-out}.sign-in .input-group-addon{background:#282834;color:#fff;border:0;border-radius:0;font-size:1.8rem;padding-left:2rem;padding-right:2rem}.sign-in button{width:100%;background:#282834;color:#fff;border:0;padding-top:2rem;padding-bottom:2rem;text-transform:uppercase;transition:all .3s ease-in-out}.sign-in button:hover{background:#282834}.sign-in button:hover span{opacity:1;margin-left:10px}.sign-in button:focus{outline:none;border-color:inherit;-webkit-box-shadow:none;box-shadow:none}.sign-in button span{opacity:0;color:#fff;margin-left:-16px;transition:all .3s ease-in-out}