body {
        color: #000000;
        background-color: #fefeee;
        overflow-wrap: break-word;
        word-wrap: break-word;
}
.announce {color: 
        #3d3d3d
}
.more {
        font-style: italic;
}
a:link {
        color: #000090;
}
a:visited {
        color: #3a3a3a;
}
a:link.announce {
        color: #008800;
        font-weight: bold;
}
.datum {color: red;}

#menu-toggle {
        display: none;
}
@media only screen and (max-width: 70em) {
        .burger {
                cursor: pointer;
                display: inline-block;
                background-color: #ddddcc;
                box-sizing: content-box;
                padding: .3em;
        }

        .top-burger {
                width: 32px;
                height: 4px;
                border: 1px solid black;
                border-bottom: none; /* скрываем нижнюю */
        }

        .middle-burger {
                width: 30px;
                height: 1px;
                background: black;
                margin: .7em 3px; /* вертикальные отступы */
        }

        .bottom-burger {
                width: 32px;
                height: 4px;
                border: 1px solid black;
                border-top: none; /* скрываем верхнюю */
        }
        .burger-wrapper {
                border: 1px solid white;
                padding: 1.5em;
        }
        nav.top-menu {
                display: none;
        }
        
        #menu-toggle:checked~nav.top-menu {
                display: block;
        }
}

main,nav,header,footer {
        width: 100%;
        margin: 5px 0;
        box-sizing: border-box;
        max-width: 100%;
}

pre {
        max-width: 100%;
        overflow-x: auto;
        white-space: pre-wrap;
        word-wrap: break-word;
        box-sizing: border-box;
}
header,footer {
        margin-bottom: 32px;
        text-align: center;
}
h1 {
        font: normal 2em serif;
        margin-bottom: 0;
}
h1 > a {text-decoration: none;}
h3 {
        margin-top: 1em;
}
nav > div, main > div.wrapper > div {
        border-width: 1px;
        border-color: #fefeee;
        border-style: solid;
        padding: 5px;
}
.cornernav {
	list-style-type: none;
	line-height: 150%;
	}
@media only screen and (max-width: 960px) {

        nav, main {
                padding: 5px 0;
        }
        nav > div, main > div.wrapper > div {
                padding: 20px;
                margin: 5px;
        }
}
@media only screen and (min-width: 961px) {
        .centered, body {
                margin: 0 auto;
        }
        .centertext {
                text-align: center;
        }
}
@media only screen and (min-width: 1600px) {
	body {
		width: 90%;
	}
}
@media only screen and (min-width: 1980px) {
	body {
		width: 80%;
	}
}