html, body {width:100%; height:100%; background:#000000;}

@font-face{ 
	font-family: 'Tectura';
	src: url('../media/fonts/TecturaII_Regular_OT.eot');
	src: url('../media/fonts/TecturaII_Regular_OT.eot?#iefix') format('embedded-opentype'),
	     url('../media/fonts/TecturaII_Regular_OT.woff') format('woff'),
	     url('../media/fonts/TecturaII_Regular_OT.ttf') format('truetype'),
	     url('../media/fonts/TecturaII_Regular_OT.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'YellowBalloon';
	src: url('../media/fonts/yellowballoon-rg.eot');
	src: url('../media/fonts/yellowballoon-rg.eot?#iefix') format('embedded-opentype'),
	     url('../media/fonts/yellowballoon-rg.woff') format('woff'),
	     url('../media/fonts/yellowballoon-rg.ttf') format('truetype');
}

body {margin:0px; padding:0px; display:table; font-family:"Tectura";}

textarea:focus, input:focus{
    outline: none;
    outline-style: none;
}

textarea{
	resize:none;
    overflow:hidden;
}

#game {margin:0px; padding:0px; display:table-cell; vertical-align:middle; text-align:center;}

.loadingTitle {font-size:32pt; font-family:"YellowBalloon"; font-weight:bold; color:#FFFFFF;}

.gameTitle {font-size:32pt; font-family:"YellowBalloon"; font-weight:bold; color:#000000;}
.titleCopy {font-size:11pt; font-family:"Tectura"; text-align: center; color:#000000;}
.screenCopy {font-size:12pt; font-family:"YellowBalloon"; color:#FFFFFF; line-height: 30%;}
.loadingCopy {font-size:12pt; font-family:"YellowBalloon"; color:#FFFFFF; line-height: 30%; text-align: center;}
.screenCopyHeading {font-size:12pt; font-family:"YellowBalloon"; color:#F2812C; line-height: 30%;}
.screenTitle {font-size:32pt; font-family:"YellowBalloon"; font-weight:bold; color:#F2812C;}
.comingSoonCopy {text-align: center; font-size:18pt; font-family:"YellowBalloon"; color:#000000;}
.shareTitle {font-size:22pt; font-family:"YellowBalloon"; color:#F2812C;}
.copiedConfirm {font-size:22pt; font-family:"YellowBalloon"; color:#FFFFFF;}
.endScreenTitle {font-size:28pt; font-family:"YellowBalloon"; font-weight:bold; color:#F2812C;}
.endScreenHeading {font-size:13pt; font-family:"YellowBalloon"; text-align: center; color:#FFFFFF;}

.overlayTitle {font-size:32pt; font-family:"YellowBalloon"; color:#FFFFFF; text-align: center;}
.overlayCopy {font-size:12pt; font-family:"YellowBalloon"; color:#000000;line-height: 30%}
.tutorialCopy {font-size:12pt; text-align: center; font-family:"YellowBalloon"; color:#000000;line-height: 20%}

.titleButton {font-size:24pt; font-family:"YellowBalloon"; font-weight:bold; color:#000000;}
.smallButton {font-size:12pt; font-family:"YellowBalloon"; font-weight:bold; color:#000000;}

.wordwrap {white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}