@font-face {font-family: fnt; src: url(rimouski-r.ttf);}
@font-face {font-family: fntb; src: url(rimouski-b.otf);}
html, body {max-width: 100%; overflow-x:hidden; overscroll-behavior: none;}
body {padding:0; background-color:black; color:white; text-align:center; font-family:fnt; font-size:16px;}
div.gframe {width:100%; max-width:400px; margin:auto; padding:0; border:0px solid red;}
div.splash {position:fixed; width:100%; max-width:400px; height:100%; border:0px solid red; background-color:white; top:0; z-index:1000; display:table-cell; text-align:center; vertical-align:middle; transition: background 1s linear; -webkit-transition: background 1s linear; -moz-transition: background 1s linear;}
div.splashtxt {position:absolute; top:35%; border:0px solid blue; width:100%;}
div.splashtxt img {width:60%;}

.noselect {-webkit-user-select:none; -ms-user-select:none; user-select:none;}
.hand {cursor:pointer;}

#gmain {border:0px solid yellow; padding:0; margin:0; width:100%; aspect-ratio:9/15; position:relative;}
#gcv {padding:0; margin:0; width:100%; height:100%; max-width:100%; max-height:100%; border:1px solid #333;}

img.icox {bottom:0; right:0; cursor:pointer; margin:5px; width:20px; height:20px;}
img.rsc {position:absolute; left:0px; top:0px; z-index:-1; width:10px;}

div.gland {width:100%; max-width:400px; margin:auto; /*border:1px solid red;*/ background-color:#000; height:100%; z-index:3; top:0; bottom:0; position:absolute; background-image:url('img/landing.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat;}
div.gnoverlay {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1; background-color:black; opacity:0.9;}
div.gnpanel {margin-top:10%; padding:20px; margin-top:5%;}
div.gntitle {color:red; padding-bottom:10px; font-size:150%;}
div.gntext {color:#ccc; line-height:150%; overflow-y:auto !important;}
div.gntext .stat {color:#f00;}
div.gnotice {width:100%; max-width:400px; margin:auto; border:0px solid red; background-color:#000; height:100%; z-index:4; top:0; bottom:0; position:absolute;}
div.gnoticebar {text-align:right; padding-top:10px;}
span.gnoticex {padding-top:10px; max-width:5%; text-align:center; cursor:pointer; font-size:150%; padding:3%;}
input.gbtn {font-family:fnt; margin-top:20px; padding:10px 20px 10px; cursor:pointer; color:white; background-color:black; border:1px solid white;}
a.cclink {color:cyan;}

.bigger {font-size:150%;}
.small {font-size:85%;}
.smaller {font-size:80%;}
.red {color:red !important;}
.white {color:white !important;}
.yellow {color:yellow !important;}
.b {font-weight:bold;}
.l {text-align:left !important;}
.m {text-align:center !important;}
.r {text-align:right !important;}
.bclose {font-size:80%; color:#999;}

#sclear {color:#ff0;font-size:150%;}