﻿
#stormDiv {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 1024px;
    height: 768px;
    background: url(st/windowBackgroundDual.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

#stormCanvas {
    position: absolute;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    background-color: rgba(4,13,35,1);
}

@font-face {
  font-family: 'GameFontFace';
  font-style: normal;
  font-weight: normal;
  src: url('st/Fonts/TAG1.eot') format('embedded-opentype');
  src: url('st/Fonts/TAG1.otf') format('opentype');
  src: url('st/Fonts/TAG1.eot?#iefix') format('eot'),
	   url('st/Fonts/TAG1.woff') format('woff'),
	   url('st/Fonts/TAG1.tff') format('truetype');
}


@font-face {
  font-family: 'GameFontFaceBold';
  font-style: normal;
  font-weight: bold;
  src: url('st/Fonts/TAG1.eot') format('embedded-opentype');
  src: url('st/Fonts/TAG1.otf') format('opentype');
  src: url('st/Fonts/TAG1.eot?#iefix') format('eot'),
	   url('st/Fonts/TAG1.woff') format('woff'),
	   url('st/Fonts/TAG1.tff') format('truetype');
}

@font-face {
  font-family: 'TAG1';
  font-style: normal;
  font-weight: normal;
  src: url('st/Fonts/TAG1.eot') format('embedded-opentype');
  src: url('st/Fonts/TAG1.otf') format('opentype');
  src: url('st/Fonts/TAG1.eot?#iefix') format('eot'),
	   url('st/Fonts/TAG1.woff') format('woff'),
	   url('st/Fonts/TAG1.tff') format('truetype');
}

@font-face {
  font-family: 'TAG1Bold';
  font-style: normal;
  font-weight: bold;
  src: url('st/Fonts/TAG1.eot') format('embedded-opentype');
  src: url('st/Fonts/TAG1.otf') format('opentype');
  src: url('st/Fonts/TAG1.eot?#iefix') format('eot'),
	   url('st/Fonts/TAG1.woff') format('woff'),
	   url('st/Fonts/TAG1.tff') format('truetype');
}

@font-face {
  font-family: 'SystemFontFace';
  font-style: normal;
  font-weight: normal;
  src: url('st/Fonts/TAG1.eot') format('embedded-opentype');
  src: url('st/Fonts/TAG1.otf') format('opentype');
  src: url('st/Fonts/TAG1.eot?#iefix') format('eot'),
	   url('st/Fonts/TAG1.woff') format('woff'),
	   url('st/Fonts/TAG1.tff') format('truetype');
}

@font-face {
  font-family: 'robotoBlack';
  font-style: normal;
  font-weight: normal;
  src: url('st/Fonts/Roboto-Black.tff') format('truetype');
}

@font-face {
  font-family: 'robotoBold';
  font-style: normal;
  font-weight: normal;
  src: url('st/Fonts/Roboto-Bold.tff') format('truetype');
}

@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: normal;
  src: url('st/Fonts/Roboto-Regular.eot') format('embedded-opentype');
  src: url('st/Fonts/Roboto-Regular.otf') format('opentype');
  src: url('st/Fonts/Roboto-Regular.eot?#iefix') format('eot'),
	   url('st/Fonts/Roboto-Regular.woff') format('woff'),
	   url('st/Fonts/Roboto-Regular.tff') format('truetype');
}
