#root{width:100vw;height:100vh;margin:0}body{display:flex;margin:0;color:#8d5239}a{all:unset}a:hover{cursor:pointer;color:#d37f5e}button{margin:5px;border:1px solid rgb(211,127,94);border-radius:5px;color:#8d5239;background-color:#ffa07a}button:hover{cursor:pointer;background-color:#d37f5e}button:active{border-color:#8d5239;color:#000;background-color:#ffa07a}#header{display:flex;flex-direction:row;position:relative;top:0;margin:0 0 20px;padding:1px 10px;background-color:#ffebcd}#logo{display:flex;flex-grow:1}#header h2{flex-grow:1}#nav{align-self:center}#bodyContent{margin:10px;color:#000}#footer{position:absolute;top:auto;bottom:0;width:100%;display:flex;flex-direction:row;align-items:center;background-color:#ffebcd}#footerContent{padding:5px 5px 5px 10px;font-size:12px;font-style:italic}body{font-family:Roboto,sans-serif}