/*

Original (c) 2010-2011 FlamingLunchbox
Font changed, return button added, colours changed, layout changed. BSS 2020

*/


@font-face {font-family:'ComicNeue';
	src:url('../fonts/ComicNeue-Regular.woff2') format('woff2'),
	url('../fonts/ComicNeue-Regular.woff') format('woff');
	font-weight:normal;font-style:normal;}
@font-face {font-family:'ComicNeue';
	src:url('../fonts/ComicNeue-Oblique.woff2') format('woff2'),
	url('../fonts/ComicNeue-Oblique.woff') format('woff');
	font-weight:normal;font-style:italic;}
@font-face {font-family:'ComicNeue';
	src:url('../fonts/ComicNeue-Bold.woff2') format('woff2'),
	url('../fonts/ComicNeue-Bold.woff') format('woff');
	font-weight:bold;font-style:normal;}

body{
margin:0;
padding:0;
font-size:105%;
font-family: ComicNeue,arial, sans-serif; 
background-color:#aaf;
}

#bottom {
  position: absolute;
  height:100px;
  bottom: 0px;
  width: 100%;
  overflow:hidden;
}

img {border:0;}

#button {position:fixed;top:15px;left:15px;z-index:4;}

#menubutton {
  font-size: 15px;
  margin-left: 2px;
  margin-right: 1em;
}

#curvycanvas {
position:absolute;
border: 0px;
background-color:#aaf;	
}

h1 {text-align:center;
  color:#00c;background-color:#aaf;
  font-size:200%;
  font-family:ComicNeue,arial,sans-serif; 
  font-weight:bold;line-height:1.5;
  margin-top:5px;
  margin-bottom:5px;
}
h2 {color:#000;font-size:105%;display:inline-block;margin:0;}

#wrapper {margin:0 auto;text-align:left;}

#header {width:50%;margin:0 auto;background-color:#aaf;
padding-left:15px;padding-right:15px;font-size:150%;
font-family:ComicNeue,arial,sans-serif; }

#curvyicon {
  width: 15em;
  height: 15em;
}

button {
  color:white;background-color:#aaf;
  font-size: 120%;font-family:ComicNeue,arial,sans-serif; 
}

.menu button {
  width: 12em;
  margin: 1ex auto;
}

p {
  color:white;background-color:#aaf;
  text-align: center;font-size: 80%;
}

a {background-color:#aaf;
  font-weight:120%;
  color:#c00;
  text-decoration:none;
}

#fb-root{
  float: left;
}

.menu {  background-color: #000;
    position: absolute;
    width: 20em;
    margin:0;
    background: #555;
    border: 2px solid #eee;
    padding: 1em;
    text-align: center;
    color: white;
}

.menu strong {}

.hidden {
  display: none;
}
