@font-face{
 font-family:'digital-7';
 src: url('digital-7 (mono).ttf');
}

@font-face{
 font-family:'digital-14';
 src: url('lcd.14condensed.otf');
}

@font-face{
 font-family:'inconsolata';
 src: url('inconsolata/Inconsolata-Regular.ttf');
}

@font-face{
 font-family:F1;
 src: url("Formula1-Regular.otf") format("opentype");
}

a   {
            text-decoration: none;
     }

.rpidisplay {
    width: 95vw;
    height: 95vh;
    border: 2px solid #034500;
    border-radius: 13px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    position: relative;
    }

.gbdisplay {
    width: 92vw;
    height: 93vh;
    border: 2px solid #034500;
    border-radius: 13px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    position: relative;
    }

body {
	background: linear-gradient(to top left, #001100 0%, #000000 100%);
     }

.right {
    position: fixed;
    bottom: 50%;
    right: 1vmin;
    width: 5vmin;
    height: 10%;
    text-align: right;
    }

.left {
    position: fixed;
    bottom: 50%;
    left: 0%;
    width: 5vmin;
    height: 10%;
    text-align: left;
    }

.up {
    position: fixed;
    top: 0%;
    left: 45%;
    width: 10vmin;
    height: 5%;
    text-align: center;
    z-index: 0;
    }

.down {
    position: fixed;
    bottom: 0%;
    left: 45%;
    width: 10vmin;
    height: 5%;
    text-align: center;
    z-index: 0;
    }

img.nyil
    {
    width: 100%;
    border: none;
    }

img.icon
   {
   border: 0;
   border-radius: 0;
   width: 40px;
   margin-bottom: 5px;
   margin-left: auto;
   margin-right: auto;
   }

p.ny {
        font: bold 3vmin "Arial Black", Gadget, sans-serif;
        color: #73AD21;
      }

.digital
     {
	border-bottom: 1px solid black;
	width: 34%;
	height: 9vmin;
	font: 2.6em "digital-7";
        background-color: #76993e;
	text-align: right;
	color: black;
        display: inline-block;
	line-height: 8vmin;
	padding: 3px 15px 0 0;
	margin: 0px 0 0 0;
	float: right;
     }

.digital2
     {
	border-bottom: 1px solid black;
	width: 20%;
	height: 9vmin;
	font: 3em "digital-7";
        background-color: #76993e;
	text-align: left;
	color: black;
        display: inline-block;
	line-height: 9vmin;
	padding: 3px 15px 0 10px;
	margin: 0px 0 0 0;
	float: right;
     }

.digital3
     {
	border-bottom: 1px solid black;
	width: 60%;
	height: 9vmin;
	font: 3em "digital-7";
        background-color: #76993e;
	text-align: right;
	color: black;
        display: inline-block;
	line-height: 8vmin;
	padding: 3px 15px 0 0;
	margin: 0px 0 0 0;
	float: right;
     }

.digital4
     {
	border-bottom: 0px solid black;
	width: 45%;
	height: 6vmin;
	font: 2.0em "digital-7";
        background-color: #76993e;
	text-align: left;
	color: black;
        display: inline-block;
	line-height: 5vmin;
	padding: 3px 15px 0 10px;
	margin: 0px 0 0 0;
	float: right;
     }

.digital5
     {
	border-bottom: 0px solid black;
	width: 40%;
	height: 6vmin;
	font: 2.0em "digital-7";
        background-color: #76993e;
	text-align: right;
	color: black;
        display: inline-block;
	line-height: 5vmin;
	padding: 3px 15px 0 0;
	margin: 0px 0 0 0;
	float: right;
     }

.digital6
     {
	font: 2.0em "digital-7";
	text-align: right;
	color: yellow;
        display: inline-block;
	line-height: 8vmin;
	padding: 3px 15px 0 0;
	margin: 0px 0 0 0;
     }


.icondiv
     {
	border-bottom: 1px solid black;
	width: 10%;
	height: 9vmin;
        background-color: #76993e;
        display: inline-block;
	padding: 3px 15px 0 15px;
	float: right;
     }

.icondiv2
     {
	border-bottom: 1px solid black;
	width: 1%;
	height: 9vmin;
        background-color: #76993e;
        display: inline-block;
	padding: 3px 15px 0 15px;
	float: right;
     }