html,body{display:flex;flex-flow:column;margin:0;flex:1;height:100%}body{background-color:#081826;color:#d0d3d4}#app-root{display:flex;flex-direction:column;height:100%}main{display:flex;flex:1 0 auto;font-family:Roboto,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;width:60%;margin:auto}main .content{display:flex;flex:1;padding:5%}button{font-size:14px;gap:8px;height:36px;min-width:90px;color:#e7e9e9;border-width:0px;border-style:none;border:none}button:hover{background-color:#a23700;cursor:pointer}input{background:#081826;border:1px solid #a8afb5;padding:5px 6px;color:#d0d3d4;font-size:14px;font-weight:400;line-height:18px}input:focus,input:active{border:1px solid #4ec3e0}input:focus-visible{outline:none}#planr-header{font-family:Verdana,sans-serif;font-weight:100;width:100%;display:flex;background:#253746;color:#fff}#planr-header h1{display:flex;padding:10px;margin-left:6%}