/* Copyright 2022 Olaf H Gerlach */

html {
    font-family: Arial, Verdana, sans-serif;
    line-height: 1.75;
    --border-radius: 0.25em;
}
body {
    /*background: no-repeat radial-gradient(8em circle at 10%
                                          10%, #fff0b2, #eee0b2),
                #eee0b2;*/
    /*background: #806e6c;*/
    background: #e7e1e0;*/
    padding:0;
    margin:0;
    padding-bottom:4em;
}
main {
    box-sizing: border-box;
    width: min(100vw, 38em);
    padding: 1em;
    margin: 0 auto;
    
    /*background: #fff0b2;*/
    background: #fff url(gfx/logo.png) center no-repeat fixed;
    
    border-radius: calc( 2 * var(--border-radius));
    box-shadow: 0 0 1em #bbb;
    
    text-shadow: 0 0 .3em #fff;
    text-align: center;
}
p { text-align: left; }
h1 {
    font-variant: small-caps;
    font-weight: normal;
}
h1,h2,h3,h4 {
    color: #806e6c;
}
h2 { font-size: 130%; font-weight: normal; }
h3.normal { font-weight: normal; }
img.full {
    width: 100%;
    border-radius: calc( var(--border-radius));
    margin-top: 1em;
    box-shadow: 0 0 .7em #ccc;
    transition: all ease 1s;
}
img.full:hover {
    transform: scale(1.2);
}
a.index { color: #000; }
a {
    color: #17e;
    text-decoration: none;
    transition: all ease .3s;
}
a:hover {
    color: #17f;
    text-shadow: 0 0 .07em #17e;
}
address {
    display: inline-block;
    text-align: left;
    font-style: normal;
    margin: 0 1.5em;
}
table, span.time, p.stress,div.stress {
    background: #f4f2f1;
    border-radius: var(--border-radius);
    box-shadow: 0 0 1em #fff;
    
}
span.time {
    padding: 0 .5em;
    display: inline-block;
}
.blue { color: #18e; }
div.stress { padding: .25em .75em; }
p.stress,table { padding: .25em .75em; }
table {
    table-layout: fixed;
    width: 100%;
    margin-bottom:1em;
}
td { text-align: right; }
tr>td:first-of-type { text-align: left; }
main>footer {
    background: #e7e0e0;
    font-size:80%;
    border-radius: var(--border-radius);
    margin-top: 10em;
}
main>footer>a { margin: 0 .5em; }
/* */
form {
    width: 100%;
    padding:0;
}
input,textarea,select {
    display: inline-block;
    box-sizing: content-box;
    width: 70%;
    padding:.5em;
    margin: .5em 0;
    border-radius: var(--border-radius);
    border: none;
    font-family: monospace, monospace;
}
label {
    display: inline-block;
    width: 20%;
    text-align: left;
    margin:0;
}
textarea {
    height: 50vh;
    width: 91%;
}
/* */
@media screen and (min-width:600px) {
    main {
        margin: 4em auto;
        padding: 3em;
    }
    p { text-align: justify; }
    main>footer>a { margin: 0 1em; }
}