html {
	background: #031c1e;
}

a {
	margin: 0px;
}

a:visited {
	color: #AAFFFF;
}

.input-nick::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #077;
}
.input-nick:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #077;
   opacity:  1;
}
.input-nick::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #077;
   opacity:  1;
}
.input-nick:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #077;
}

.input-nick {
	width:55%;
	height:35px;
	background-color: #003333;
	border-radius:20px;
	border-width: 2px;
	border-color: #00FFFF;
	color: #00FFFF;
	/*text-shadow: #00FFFF 0 0 10px;*/
	box-shadow: 0px 0px 10px #00FFFF;
}

.input-nick:focus, .input-nick:hover {
	color: #00FFFF;
	box-shadow: 0px 0px 20px #00FFFF;
	border-color: #00FFFF;
	background-color: #005555;
}

.input-copylink::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #077;
}
.input-copylink:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #077;
   opacity:  1;
}
.input-copylink::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #077;
   opacity:  1;
}
.input-copylink:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #077;
}

.input-copylink {
	background-color: #003333;
	border-radius:5px;
	border-width: 2px;
	border-color: #00FFFF;
	color: #00FFFF;
	resize: none;
}

.input-copylink:focus, .input-copylink:hover, .input-copylink:read-only {
	color: #00FFFF;
	box-shadow: 0px 0px 10px #00FFFF;
	border-color: #00FFFF;
	background-color: #004444;
	border-width: 2px;
	outline-color: #00FFFF !important;
}

.basic-text {
	text-align:center;
	font-size: 16px;
	font-family:'Arial Black';
	opacity:1.0;
	color: #00FFFF;
	font-weight: 999;
	text-shadow: #00FFFF 0 0 8px;
}

.basic-text2 {
	text-align:center;
	font-size: 15px;
	font-family:'Arial Black';
	opacity:1.0;
	color: #00FFFF;
	font-weight: 999;
	text-shadow: #00FFFF 0 0 0px;
}

.btn-copy {
	display: block;
	background-color: #007777;
	border-color: #00FFFF;
	width: 40%;
	margin-left: 30%;
	height: 35px;
	border-radius:10px;
	border-width: 2px;
}

.btn-copy:hover, .btn-copy:focus, .btn-copy:disabled {
	background-color: #00AAAA;
	border-color: #00FFFF;
	outline-color: #004444 !important;
	color: #00FFFF;
}

.btn-moreiogames {
	height: 35px;
	background-color: #007777;
	border-color: #00FFFF;
	width: 100%;
	border-width: 2px;
}

.btn-moreiogames:hover, .btn-moreiogames:focus, .btn-moreiogames:disabled {
	background-color: #00AAAA;
	border-color: #00FFFF;
	outline-color: #004444 !important;
	color: #00FFFF;
}

.btn-more {
	height: 35px;
	background-color: #007777;
	border-color: #00FFFF;
	border-radius:10px 0px 0px 0px;
	border-width: 2px;
}

.btn-more:hover, .btn-more:focus, .btn-more:disabled {
	background-color: #00AAAA;
	border-color: #00FFFF;
	outline-color: #004444 !important;
	color: #00FFFF;
}

.mobileBox {
	z-index: 1000;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 1px 1px;
	background-color: #007777;
	border-radius: 0px 0px 5px 5px;
	border: #00FFFF solid;
}

.rightBoxSmall {
    z-index: 1000;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0,50,50,0.0);
    border-radius: 5px 5px 0px 0px;
    transform:translate(0%,0%);
}

.rightBoxNews {
    z-index: 1000;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0,50,50,1.0);
    border-radius: 5px 0px 10px 0px;
    transform:translate(0%,0%);

	background-color: #007777;
	border-color: #00FFFF;
	border-width: 2px;
	outline-color: #004444 !important;
	color: #00FFFF;
	border: #00FFFF solid;

	padding: 5px 10px;
}

.btn-play {
	display: block;
	height: 40px;
	background-color: #007777;
	border-color: #00FFFF;
	width: 28%; /* 69% */
	border-radius:20px;
	border-width: 2px;
}

.btn-play:hover, .btn-play:focus, .btn-play:disabled {
	background-color: #00AAAA;
	border-color: #00FFFF;
	outline-color: #004444 !important;
}

.rightBox {
	z-index: 1000;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 103px;
	width: 240px;
	background-color: #FFF;
	border-radius: 5px 0px 0px 0px;
	padding: 5px 10px;
	opacity: 0.9;
}

.leftBox {
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #005555;
	border-radius: 0px 0px 10px 0px;
	padding: 5px 10px;
	border: #00FFFF solid;
	border-color: #00FFFF;
	border-width: 2px;
	color: #00FFFF;
}

.linkBox {
	z-index: 1000;
	position: absolute;
	bottom: 448px;
	right: 0px;
	padding: 5px 5px;
}

.bannerBox {
	z-index: 1000;
	position: absolute;
	bottom: 80px;
	right: 0px;
	padding: 5px 0px;
}

.leftBottomBox {
    z-index: 1000;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0,50,50,0.0);
    border-radius: 0px 0px 0px 0px;
    padding: 0px 0px;
}

.advertiseBox {
    z-index: 1000;
    position: absolute;
    bottom: 33px;
    left: 0;
    width: 165px;
    background-color: rgba(0,50,50,0.0);
    border-radius:0px 10px 0px 0px;
    padding: 0px 0px;
}

#brutal_300x250_bottom {
    z-index: 1000;
    position: absolute;
    bottom: 13%;
    left: 50%;
    transform:translate(-50%,0%);
    height: 250px;
    width: 300px;
}

#brutal_728x90_top {
    z-index: 1000;
    position: absolute;
    left: 50%;
    transform:translate(-50%,0%);
}

.brutal_center_venatus {
    z-index: 1000;
    position: absolute;
    left: 50%;
    transform:translate(-50%,0%);
}

.brutal_leaderboard_venatus {
    z-index: 1000;
    position: absolute;
    left: 50%;
    transform:translate(-50%,0%);
}

#canvas {
	position: absolute;
}