body {
    font-family: Arial;
    background-image:
 repeating-linear-gradient(45deg, white, blanchedalmond 1mm);
}
h1 {
 font-size: 32pt;
 text-align: center;
}
p { font-size: 14pt; }
ul {
 font-size: 14pt;
 list-style-type: square;
}
.picture { text-align: center; }
p.greeting{font-size: 30pt;}

li strong{
    font-style: italic;
}
.container{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.advertising { margin-left :30pt; }
.bar-title {
 font-variant-caps: small-caps;
 font-size: 60pt;
}
span {
    font-variant-numeric: oldstyle-nums;
    font-size:large;
}

table.price-list th, table.price-list td {
 border: rgb(14, 11, 13) thin solid;
 padding: 2pt;
}
table.catalog td {
 border-bottom: black thin dotted;
 padding: 3pt;
}
table.catalog img { width: 200px; }

nav {
 background-color: blanchedalmond;
 width: 220px;
 padding: 20px;
 display: table-cell;
 box-sizing: border-box;
 vertical-align: top;
}

nav div, nav a  {
 font-size: 24pt;
 margin: 10px 0px;
 display: block;
}

main {
    min-height: 600px;
    display: table-cell;
    padding-left: 20pt;
    vertical-align: top;
    padding-right: 20px;
}

table.catalog tr:last-child td {
 border-bottom: none;
}

table.price-list th[colspan=2] {
 text-align: center;
}

table.catalog h3 + p::first-letter {
 font-size: 150%;
 background-color:blanchedalmond;
}

ul li::marker {
 font-size: 150%;
 color: rgb(150, 0, 0);
}

td:last-child:not(td:only-child) {
 background-color: rgb(255, 249, 221);
}

td[rowspan] {
    font-size: larger;
}

i.icon-drink {
 content: url(../images/drink.jpg);
 height: 1em;
}

.page-title{
    font-size: 28pt;
    text-transform: uppercase;
}

.dish-name{
    letter-spacing: 10pt;
}

header {
    text-align: right;
}

header h1.header1 {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 48pt;
    font-weight: bold;

    text-transform: uppercase;
    background:
    padding-box padding-box url(../images/sushi.jpg)
 left / auto 80% no-repeat,
 padding-box padding-box url(../images/rolls.png)
 160px / auto 80% no-repeat,
 radial-gradient(circle farthest-side at right,
 blanchedalmond, blanchedalmond 67%,
 white 90%);
    margin: 0;
    padding: 12pt 8pt 0 0;
    border-bottom: 12pt solid rgb(137, 14, 0);
}

.address {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-align: right;
    font-style: italic;
    font-weight: bold;
    font-size: 20pt;
    background-color: blanchedalmond;
    border-bottom: 1px solid rgb(128, 13, 0);
    padding: 5px;
    margin: 0;
}
.copyright {
    padding-bottom: 30px;
    text-align: right;
    margin: 0;
}

ol {
 list-style-type: upper-roman;
}

ol li::marker{
    color: rgb(126, 0, 0);
}

nav a {
 color: maroon;
 text-decoration: none;
 display: block;
}

nav a:active, nav a:hover {
 color: blanchedalmond;
 background-color: maroon;
}

orm {
 width: min-content;
 padding: 0 10pt;
 margin-bottom: 10pt;
 border: thin dotted rgb(126, 0, 0);
 border-radius: 5pt;
}

input, select, textarea {
 font: 12pt monospace;
 border: medium solid rgb(149, 3, 3);
 border-radius: 5pt;
 padding: 5pt;
}

input:required + span::after, select:required + span::after {
 font: 24pt monospace;
 content: '*';
 vertical-align: top;
}

nput:user-valid, select:user-valid {
 border-color: green;
}
input:user-invalid, select:user-invalid {
 border-color: red;
}

input[type="radio"]{
    width: 2ex;
    height: 2ex;
    accent-color: rgb(148, 0, 0);
    border-radius: 50%;
}

input[type="checkbox"]{
    width: 2ex;
    height: 2ex;
    accent-color: rgb(148, 0, 0);
    border-radius: 0;
}
.left-column {
    float: left;
    width: 280px;
}

main {
    margin-left: 320px;
}

.table {
 display: table;
 border-collapse: collapse;
 width: 100%;
}
.row { display: table-row; }

nav, main {
    vertical-align: top;
}