/*
Aztec - A programming language based on Aztec culture created for Ludum Dare 36 and enhanced for Ludum Dare 39
Copyright (C) 2017  Tristan Benoit Yame.Xotraz@gmail.com

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see http://www.gnu.org/licenses/.
*/
body
{
	background-color : rgb(53,53,53);
}

@font-face
{
    font-family: 'Aztec';
    src: url('./font/Aztec.ttf');
}

a
{
	color : white;
	text-decoration: none;
	float : left;
	margin-left : 5%;
}

a:hover
{
    color: white;
}

br
{
	clear: both;
}

div
{
	float : left;
	margin-left: 5%;
}

#program
{
		width:  20%;
}

form
{
	height: 100%;
}

#computer
{
	width:  25%;
}

#console
{
		height: 30%;
		font-size: 25px;
}

#interpret
{
  font-family:"Aztec";
  font-size: 50px;
	height: 10%;
}

#time
{
  font-family:"Aztec";
  font-size: 30px;
	width : 60%;
	height : 5%;
}

.op
{
	font-family:"Aztec";
	font-size: 30px;
	width : 40%;
	height : 5%;
}

#bar
{
	width : 80%;
	height: 30%;
	margin-top: 5%;
}

#power
{
    width: 100%;
    height: 100%;
}

#count
{
  font-size: 50px;
	display: table-cell;
	color : white;
	vertical-align: middle;
}

#game
{
	width : 30%;
	height: 100%;
	background-color: black;
	color : white;
	margin-top: 2%;
	padding : 1%;
}

#continue
{
	transition: all 2s linear;
}

textarea
{
	color: white;
	background-color : black;

  font-family:"Aztec";
  font-size: 30px;

	height: 100%;
	width: 100%;
}

footer
{
	color : white;
	text-align: center;
	width:100%;
	position:fixed;
	bottom:10px;
}


footer a
{
	color : white;
	float : none;
	margin-left : auto;
}
