body {
        margin: 10px auto;
        max-width: 60em;
        font-family: sans-serif;
        color: #333333;
        display: grid;
        grid-template-columns: 1fr 1fr;
}

header,
nav,
main,
article,
section,
aside,
footer {
        border-radius: 0px 0.5em 0.5em;
        border: 1px solid;
        padding: 10px;
        margin: 10px;
}

header {
        background: #F1F3F4;
        border-color: #d5d5d5;
}

nav {
        background: #fffbf0;
        border-color: #e7c157;
}
main {
        background: #ebf5d7;
        border-color: #8db243;
}

article {
        background: #ffede0;
        border-color: #df6c20;
}

aside {
        background: #ebf5d7;
        border-color: #8db243;
}

footer {
        background: #e4ebf2;
        border-color: #8a9da8;
}

input,
form   {
        font-size:40px;
}

@keyframes marquee {
 0%   { text-indent: 1000px }
 100% { text-indent: -1000px }
}

.lauf {
 width: 350px;
 margin: auto;
 padding: 2px;
 overflow: hidden;
 white-space: nowrap;
 border: solid 0px #CCCCCC;
 animation: marquee 10s linear infinite;
}

.lauf:hover {
 animation-play-state: paused;
}

td     {
        font-size:40px;
        border: 2px solid;
        border-color: #FFFFFF;

}