body { overflow:hidden; }
i { color:white; }
input { border: none; }

#screen { height: 100%; width: 100%; display: flex; position:fixed; align-items:center; justify-content: center; flex-flow: row wrap; }

.break { flex-basis: 100%; height: 0; width: 0; overflow:hidden; }
.flash { background-color: #ffff00; opacity: 0; position: fixed; top:0; left:0; width: 100%; height: 100%; }

.row { margin:0; }
.pads { margin:0; width:100%; height: 100%; }
.center { text-align: center; margin-left:auto; margin-right: auto; vertical-align: middle; }

.text-strong { font-family: "Bebas Neue"; color: black; }
.text-gold { font-family: "Cinzel Decorative"; color: gold; }
.text-light { font-family: "Indie Flower"; color: white; }
.text-hidden { color:transparent !important; }
.text-large { font-size: 3em; }

.font-arial { font-family: Arial; }
.font-arial-black { font-family: "Arial Black"; }
.font-impact { font-family: Impact; }

.row { height: 33.333333%; width:100%; }

.background-dark { background-color: #161616; }
.background-gray { background-color: #444444; }
.background-yellow { background-color: gold; }
.background-brown { background-color: brown; }
.background-blue { background-color: dodgerblue; }
.background-green { background-color: lime; }
.background-pink { background-color: pink; }
.background-purple { background-color: rebeccapurple; }
.background-tan { background-color: tan; }
.color-brown { color: brown; }
.color-blue { color: dodgerblue; }
.color-green { color: lime; }
.color-pink { color: pink; }
.color-purple { color: rebeccapurple; }
.color-tan { color: tan; }

#left-arrow { position:absolute; font-size:50px; line-height: 50px; top: 50%; left: 25px; position: absolute; margin-top: -25px; }
#right-arrow { position:absolute; font-size:50px; line-height: 50px; top: 50%; right: 25px; position: absolute; margin-top: -25px; }
#up-arrow { position:absolute; font-size:50px; line-height: 50px; top: 25px; left: 50%; position: absolute; margin-left: -25px; }
#down-arrow { position:absolute; font-size:50px; line-height: 50px; bottom: 25px; left: 50%; position: absolute; margin-left: -25px; }

#brown-room-text { margin-bottom: 0; }
#blue-room-text { position: absolute; bottom: 25px; right: 25px; font-size: 50px; }
#blue-room-text-hover { position: absolute; top: 25px; right: 25px; font-size: 25px; }

.fruit { position: absolute; font-family: "Bebas Neue"; font-size: 30px; }

#fruit-banana { top: 50%; right: 25%; }
#fruit-apple { bottom: 25%; left: 25%; }
#fruit-kiwi { top: 25%; left: 25px; }
#fruit-grape { bottom: 25px; right: 25%; }
#fruit-cherry { top: 25px; right: 25px; }

.cog { position: absolute; }
#cog-blue { top: 50%; left: 25%; }
#cog-pink { top: 25px; right: 25%; }
#cog-purple { bottom: 25%; left: 25px;}
#cog-green { bottom: 25px; right: 25px; }

#font-lock span { display:block; }
#fruit-lock { font-size: 30px; }
#colors-lock { font-size: 30px; }
#home-lock { position: absolute; bottom: 25%; }

.fruit, #brown-room-text {
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}

#hands-hamsa { }