*{box-sizing:border-box}html,body{height:100%}body{padding:30px 0 0;margin:0;background-color:#082f4f;color:#c6c5b9;color:#5d737e;color:#e13700;color:#ecddc9;font-family:Sofia Sans,sans-serif}app-root{display:flex;flex-direction:column;height:100%;max-width:800px;margin:0 auto}h1{margin:0 0 2px}p{margin:0;padding:0}header{padding:0 20px;margin-bottom:10vh}main{flex:1;display:flex;flex-direction:column;padding:20px}.panel{background-color:#a69b8b;background-image:none;box-shadow:#161717 10px 10px;color:#000;padding:20px}.panel h2{margin:0 0 5px;font-size:25px}.panel.error{background:#ca6444;color:#fff;font-weight:700}button{padding:6px 12px;transition:all .3s ease;border:0;background:#eee;color:#082f4f;font-weight:500;margin:3px 10px 3px 0}button:hover,button:focus-visible{background:#ddd}button:disabled{opacity:.3}button:active{box-shadow:1px 1px 2px 1px #0000004d inset;background:#cecece}input,select{border:0;padding:6px 7px}label{display:block;margin-bottom:5px;font-weight:700}div.form-group{margin:10px 0;padding:12px;background:#bfb4a3}a{color:#fff;font-weight:700}