body,html{font-family:sans-serif;height:100%;width:100%}.login{display:flex;height:100%}.login__eyecatch-pane{flex-basis:auto;overflow:hidden;text-align:right;width:calc(100% - 600px)}.login__eyecatch{height:100%;width:auto}.login__pane{width:600px}.login__pane,.login__section{align-items:center;display:flex;flex-direction:column}.login__section{flex-grow:1;justify-content:center;width:100%}.login__logo{background-size:contain;display:block;width:50%}.login__form{display:flex;flex-direction:column;width:70%}.login__row{margin:5px 0;width:100%}.login__row input[type=password],.login__row input[type=text]{display:block;width:100%}.login__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:blue;border:none;color:#fff;outline:none;padding:5px 15px}.login__button:hover{background-color:#add8e6}