body{background-color:#004587;padding-top:100px}.card{border:0;width:350px}.card-body{padding-left:30px;padding-right:30px}.logo{border:2px solid #fff;display:block;font-size:3em;border-radius:16px;padding-top:15px;color:#fff;font-family:Verdana,Helvetica;width:100px;height:100px;text-align:center}.logo:hover,.logo-text:hover{text-decoration:none;color:#e9faff}.logo-text:hover{opacity:.4;transition:ease-in opacity;transition-duration:.4s}.logo-text{display:inline-block;font-size:5rem;margin-top:40px;color:#fff;opacity:.2;font-family:Verdana,Helvetica;transition:ease-in opacity;transition-duration:.4s}.projectInvitation-login{display:inline-block;text-align:right}.projectInvitation-login span{display:block}.project-name{display:block;font-size:4rem;margin-top:40px;color:#fff;opacity:.4;font-family:Verdana,Helvetica;transition:ease-in opacity;transition-duration:.4s}.project-name:hover{opacity:.6;transition:ease-in opacity;transition-duration:.4s}.projectInvitation-login .logo-text{font-size:2rem;text-align:right}@media screen and (max-width:767px){body{padding-top:0}.logo{border:2px solid #fff;display:inline-block;font-size:3em;border-radius:16px;padding-top:15px;color:#fff;font-family:Verdana,Helvetica;width:100px;height:100px;text-align:center;margin:auto}.logo:hover{text-decoration:none;color:#e9faff}.logo{display:none}.logo-text{margin-top:20px;font-size:3em}.card{margin-top:20px!important;width:auto}}