
a{
    text-decoration: none;
}

#startPage .title{
}

#content {
  text-align: center;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

#gameContainer
 {
    width: 100%;
    margin: 0 auto;
    float: left;
    display: table;
}

.scaled{
    height: 100%;
}

.inliner{
    display: inline-block;
}

.label{
    font-family: "Comic Sans MS","ShadowsIntoLightRegular",Arial,Helvetica,sans-serif;
    color: #29013E;
}

input{
    border: 2px solid #FFAA00;
    background-color: #fff;
    text-align: center;
    text-align: center;
		font-family: 'ComicSansMSRegular', Arial, Helvetica, sans-serif;
	
}




.incorrect input{
    border: 2px solid #f90404;
    background-color: #feb8b8;
	color:#e61010;

}

.correct input{
    border: 2px solid #22e40e;
    background-color: #d4fed9;
	color:#11b432;
}

input:focus{
    border-color: #0AA9D6;
}



#widget-table{
    float: left;
    width: 100%;
}

.set{
border: medium dashed #114d6f;
    border-radius: 2%;
    display: table-cell;
    float: left;
    font-size: 120%;
    height: 54%;
    line-height: 175%;
    margin: 1%;
    padding-bottom: 6%;
    padding-top: 8%;
    width: 46%;
	margin-top:0;
}

#legend{
    width: 70%;
    float: left;
}

.shape{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 18%;
	padding-top:2%;
	padding-bottom:2%;
    margin: 1%;
}

.shape-circle{
    background-image: url(../images/game/shape-circle.png);
}

.shape-rectangle{
    background-image: url(../images/game/shape-rectangle.png);
    width: 30%;
}

.shape-triangle{
    background-image: url(../images/game/shape-triangle.png);
}

.shape-square{
    background-image: url(../images/game/shape-square.png);
    width: 19%;
}

#game-widget{
    width: 30%;
    float: left;
}

#game-widget .shape{
    width: 33%;
	padding-top:5%;
	padding-bottom:5%;	
	
	
}
#game-widget .shape.shape-rectangle{
	width:50%;
}
.shape-wrapper{
    float: left;
    padding-top: 4%;
    padding-bottom: 4%;
    margin-top: 1%;
    margin-bottom: 1%;
    border-radius: 2%;
    font-size: 150%;
}

.shape-area{
    text-align: center;
}

.shape-area .shape{
    display: inline-block;
}

#game-widget .shape-wrapper .shape-circle,
#game-widget .shape-wrapper .shape-square{
    width: 33%;
	padding-top:5%;
	padding-bottom:5%;
}

.shape-wrapper .inliner{
    width: 70%;
    float: left;
}

.shape-wrapper .inliner.input-area{
    width: 30%;

}

.input-area input{
    font-size: 75%;
	border-radius:20%;
 	padding-bottom: 15%;
    padding-top: 15%;
    width: 65%;	
}

@media all and (max-width:1020px){
    .set{
        width: 45%;
		 border: 1px dashed #114d6f;

    }
}
