html,body{height:100%;margin:0;padding:0}body{background-color:#fff;background:linear-gradient(#fff 0%,#eee 100%);transition-property:opacity;transition-duration:.3s;transition-timing-function:linear;font-family:inter,sans-serif}#main{display:flex;align-items:flex-start;justify-content:center;height:100%}img{display:block;width:257px;height:276px;margin:auto 0;padding-top:18px}#login-panel{position:relative;padding-left:100px;margin:auto 0}h1{position:relative;left:6px;font-weight:500;font-size:40px;color:#333;margin-bottom:0;padding-bottom:0;line-height:.9;margin-left:-6px}h2{font-weight:500;color:#666;margin:0 0 10px;padding:0;font-size:18px}.input{display:block;width:300px;font-size:18px;padding:10px;margin-bottom:10px;color:#555;border-left:none;border-right:none;border-top:none;border-bottom:2px solid #ccc;font-weight:300;transition-property:opacity;transition-duration:.3s;transition-timing-function:linear;filter:none}.button{display:flex;justify-content:center;align-items:center;padding:8px 0;font-size:16px;width:100px;color:#fff;font-weight:400;background-color:#0091cd;cursor:pointer;transition-property:background-color;transition-duration:.3s;transition-timing-function:linear}.button:hover{background-color:#11a2de}.error{animation:blink 2s infinite linear}#not-found{position:absolute;top:300px;left:100px;color:red;display:none}@keyframes blink{0%{background-color:#fff}50%{background-color:rgba(255,0,0,.1)}100%{background-color:#fff}}