body {
	background-color:gray;
	text-align:center;
	font-family:tahoma;
	font-size:150%;
	}

.menu {
	background: #888888;
	font-family:tahoma;
	text-align:center;
	font-size:200%;
	margin-left: 0px;
	}
	
.diary {
	
	background:gray;
	text-align:left;
	margin-left:100px;
	margin-right:200px;
	font-family:Courier New;
	font-size:150%;
	font-weight: bold;
	line-height: 150%;
}

.report {
	
	background:black;
	color:white;
	text-align:left;
	margin-left:300px;
	margin-right:200px;
	font-family:Lucida Sans Unicode;
	font-size:170%;
	font-weight: bold;
	line-height: 130%;
}

.video {
	background:black;
	text-align:center;
}
	
.message{
	background: #00ff00 url("imgs/TV.gif")  fixed center;
	font-family:tahoma;
	text-align:center;
	font-size:500%;
	margin-left: 0px;
}

.log{
	background: lightblue;
	font-family:tahoma;
	text-align:center;
	font-size:150%;
}

.wrong {
	color:red;
	}
	
.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	
button {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:2px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:11px 29px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}

input {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 300px;
  padding: 10px 20px;
  border: none;
  -webkit-border-radius: 22px;
  border-radius: 42px;
  font: normal normal bold 18px/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-linear-gradient(-90deg, rgba(0,187,255,1) 0, rgba(113,177,237,1) 50%, rgba(33,148,224,1) 51%, rgba(0,130,191,1) 100%), rgba(252,252,252,1);
  background: -moz-linear-gradient(180deg, rgba(0,187,255,1) 0, rgba(113,177,237,1) 50%, rgba(33,148,224,1) 51%, rgba(0,130,191,1) 100%), rgba(252,252,252,1);
  background: linear-gradient(180deg, rgba(0,187,255,1) 0, rgba(113,177,237,1) 50%, rgba(33,148,224,1) 51%, rgba(0,130,191,1) 100%), rgba(252,252,252,1);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  text-align:center;
}

.coundown {
  background-color:white;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal bold 35px/0 "Courier New", Courier, monospace;
  color: black;
  text-align: center;
  text-indent: -1px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: pre-line;
  text-shadow: 4px 4px 6px rgba(0,0,0,0.5) ;
}