#menu{display:flex}body{font-family:Roboto,Helvetica Neue,sans-serif;padding:0;margin:0}.container{position:fixed;inset:0;display:flex;flex-direction:column}.main{background-color:#fff;padding:.5rem;overflow-y:scroll;flex-grow:1}.header{background-color:#eaf6fd}.header>*{padding:.5rem;display:flex;gap:.5rem}.footer{width:100vw;background-color:#d7ead9}.footer>*{margin:.5rem}span.inline-icon{display:inline}span.inline-icon>div{height:100%;display:flex;align-items:center}span.inline-icon>div>img{width:1rem;height:1rem}.button-row{display:flex;gap:.5rem}.button-row>*{flex-grow:1}button.styled{background-color:transparent;border-radius:10px;display:inline-block;cursor:pointer;font-size:1em;padding:.3em .2em;text-decoration:none;border:2px solid #000000;color:#000}button.styled.red{border:2px solid #c7206f;color:#c7206f}button.styled.green{border:2px solid #009640;color:#009640}button.styled:hover{background-color:transparent}button.styled:active{position:relative;top:1px}a{color:#009640}hr{border:1px solid #d4edfb}