main {
    display:flex;
}

table {
    margin:auto;
}

tr {
    background-color:#f0f0f0;
}

th, td {
    padding:1ex;
}

th {
    text-align: right;
}

footer {
    margin:3em;
    text-align:center;
}

button {
    border:1px solid #888;
    font-size:3ex;
}

@media screen and (orientation: landscape) {
    #sidebar {
	text-align:right;
    }
}

@media screen and (orientation: portrait) {
    main {
	flex-direction:column;
    }
    #sidebar {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom:1em;
    }
    #sidebar p {
	margin:0;
    }
}