html {font-family: 'Crimson Text', serif;}
body {margin:0;background:darkslategrey;color:#adb3cd;position:relative;background-image: url("/img/background-birds.png");background-attachment: fixed;}
div {margin:0px;padding:0px;position:relative;display:block;background:darkcyan;}
p {margin:1.0em auto 0 auto;max-width:800px;}
a {font-size:1em;color:#ffbaba;}
ul {padding:6px;margin:none;position:relative;display:inline;}
li {position:relative;display:inline;float:left;padding:8px;margin:8px;text-transform: uppercase;background:#6987c7;border-radius: 10px;}
h1 {margin:30px auto 0 auto;font-size:1.5em;max-width:800px;}
h2 {margin:30px auto 0 auto;font-size:1.25em;font-style:italic;max-width:800px;display:block;width:100%;}
h4 {margin:0 auto 0 auto;font-size:0.66em;max-width:800px;}
img {margin:auto;padding-top:10px;max-width:500px;}

#main {padding:0;font-size:1.2em;position:relative;width:100%;text-align:center;background:none;}

#header {margin:0;width:100%;background:darkcyan;filter:drop-shadow(12px 12px 10px black);position:fixed;z-index:999;}
#menu {float:right;position:relative;height:auto;min-height:40px;margin-top:0;overflow:auto;}
#menu a {font-size:1.3em;font-style:none;text-decoration:underline dotted white;color:white;}
#topspace {width:100%;position:relative;height:66px;background:none;}

#content {margin:0 0 24px 0; position:relative; background:darkcyan; color:white; height:auto;overflow:visible;filter:drop-shadow(16px 16px 10px black);text-align:left;font-size:1.2em;}
div.chunk:nth-of-type(even) {
  background-color:darkgoldenrod;
}

.chunk {color:white; drop-shadow(16px 16px 10px black);text-align:left;font-size:1.2em;overflow:hidden;width:100%;display:inline-block;max-width:100%;padding:30px 0 40px 0;}
p.half{max-width:40%;margin:1em 10px 0 0;padding:1% 5% 5% 5%;}
p.halfr{max-width:40%;position:relative;float:right;padding:1% 5% 5% 5%;}
.promo {position:absolute;left:50%;max-width:45%;max-height:100%;filter:drop-shadow(16px 16px 10px black);}
.promol {position:relative;float:left;max-width:45%;max-height:100%;filter:drop-shadow(16px 16px 10px black);}
.padleft{padding-left:5%;padding-top:20px;display:inline;}

#foot {min-height:80px;width:100%;position:relative;display:block;font-size:0.8em;text-align:center;background:none;clear:both;}

.bridge {width:400px;margin-top:-166px;position:fixed;z-index:99;margin-left:33%;}
.card {display:inline;float:left;width:160px;height:320px;text-align:center;margin:10px;background:none;}
.card img {max-width:160px;padding-bottom:8px;filter:drop-shadow(8px 8px 6px black);}
.discord {background-image: url('https://forthebirds.space/play/TemplateData/discord.png'); width: 38px; height:38px; float: left;margin-left:2px;}
.atomichub {background-image: url('https://forthebirds.space/play/TemplateData/atomichub.png'); width: 38px; height:38px; float: left;margin-left:2px;}
.cartbutton {background-image: url('https://forthebirds.space/play/TemplateData/cart.png'); width: 38px; height:38px; float: left;margin-left:2px;}

.response {color:skyblue;margin-top:6px;}
.knit {color:limegreen;font-family:"KnitMono";line-height:1.0em;font-size:0.8em;text-align:center;}

#levelselect {max-width:800px;display:block;margin:auto; }
li.levelselectbutton{background:none;}
.score {display:block;margin:0 0 2px 10%;background:darkslategrey;width:80%;font-size:0.80em;}