nav {
    padding: 10px;
    border-style: solid;
    border-radius: 10px;
    
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

a.navbar {
    background-color: thistle;
    padding: 5px;
    border-radius: 5px;
}

h1 {text-align:center;}
h2 {text-align:center;}

p.main {text-align:justify;}
p.announce {color:red;}

div.code {
       background-color: #EfEfd8;
       margin:15px;
       padding: 5px;
       font-family:  Lucida Console,Courier New, Courier, monospace;
}

tt {
	background-color: #EfEfd8;
	font-family: Lucida Console,Courier New, monospace;
	padding-left: 5px;
	padding-right: 5px;
    }

codeblock {
	font-family: Lucida Console,Courier New, monospace;
	background-color: #EfEfd8;
	display: table;
	margin: 15px;
	padding: 5px;
}

body {
margin:100px;
color:black;
background-color: #eeeeb0;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

div.flexy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


div {
    padding: 20px;
}

div.centering {
text-align: center;
}

.new {
color: DarkCyan;
}

div.announce {
    background: ivory;
    border-style: solid;
    border-color: black;
    border-width: 5px;
    font-size: larger;
    color: black;
}

img {
    margin: 10px;
    vertical-align:top;
}

img#teaser {
	   width: 90%;
}

img#greenborder {
		width: 65%;
		border-style: solid;
		border-color: green;
		border-width: 5px;
}