body{
user-select:none;
-webkit-user-select:none;
-ms-user-select: none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}
.keyboard{
	width:960px;
	min-height:480px;
	position:relative;
}

.column1{
	display:flex;
	width:960px;
	 justify-content: space-around;
}

.column2{
	margin-top:8px;
	display:flex;
	width:960px;
	 justify-content: space-around;
}

.column3{
	margin-top:8px;
	display:flex;
	width:880px;
	 justify-content: space-around;

}

.column4{
	margin-top:8px;
	display:flex;
	width:900px;
	 justify-content: space-around;
}

.column5{
	margin-top:8px;
	display:flex;
	width:960px;
	 justify-content: space-around;
}
.column6{
	margin-top:8px;
	display:flex;
	width:780px;
	 justify-content: space-around;
}

.key1{
	width:70px;
	height:25px;
	border: 1px outset pink;
	border-radius: 7px;
	position:relative;
}

.key1 img{
	position:absolute;
	top:-3px;
	left:10px;;
	line-height:0;
}

.key1 p{
	position:absolute;
	top:-3px;
	left:10px;;
	line-height:0;
}

.key2{
	width:55px;
	height:55px;
	border: 1px outset pink;
	border-radius: 7px;
	position:relative;
}

.key2 img{
	position:absolute;
	top:-3px;
	left:10px;;
	line-height:0;
}

.key2 p{
	position:absolute;
	top:20px;
	left:10px;;
	line-height:10px;
}

.key3{
	width:45px;
	height:55px;
	border: 1px outset pink;
	border-radius: 7px;
	position:relative;
}

.key3 img{
	position:absolute;
	top:-3px;
	left:10px;;
	line-height:10px;
}

.key3 p{
	position:absolute;
	top:25px;
	left:5px;;
	line-height:0;
}

.key3 p:nth-child(2){
	position:absolute;
	top:0px;
	left:5px;;
	line-height:0;
}

.key4{
	width:80px;
	height:55px;
	border: 1px outset pink;
	border-radius: 7px;
	position:relative;
}

.key4 img{
	position:absolute;
	top:-3px;
	left:10px;;
	line-height:0;
}

.key4 p{
	position:absolute;
	top:25px;
	left:10px;;
	line-height:0;
}

.key5{
	width:100px;
	height:55px;
	border: 1px outset pink;
	border-radius: 7px;
	position:relative;
}

.key5 img{
	position:absolute;
	top:-3px;
	left:10px;
	line-height:0;
}

.key5 p{
	position:absolute;
	top:25px;
	left:10px;;
	line-height:0;
}

.key6{
	width:130px;
	height:55px;
	border: 1px outset pink;
	border-radius: 7px;
	position:relative;
}

.key6 img{
	position:absolute;
	top:-3px;
	left:10px;;
	line-height:0;
}

.key6 p{
	position:absolute;
	top:25px;
	left:10px;;
	line-height:0;
}

.key7{
	width:65px;
	height:55px;
	border: 1px outset pink;
	border-radius: 7px;
	position:relative;
}

.key7 img{
	position:absolute;
	top:-3px;
	left:10px;;
	line-height:0;
}

.key7 p{
	position:absolute;
	top:25px;;
	left:10px;;
	line-height:0;
}

.key8{
	width:280px;
	height:55px;
	border: 1px outset pink;
	border-radius: 7px;
	position:relative;
}

.enter{
	width:50px;
	height:120px;
	border: 1px outset pink;

	position:absolute;
	right:5px;;
	top:100px;;
}

.key9{
	width:55px;
	height:25px;
	border: 1px outset pink;
	border-radius: 7px;
	position:relative;
}

.changed{
	background-color:orange;
}


.key9 p{
	position:absolute;
	top:-3px;;
	left:20px;;
	line-height:0;
}

.enter2{
	width:20px;
	height:55px;
	border: 1px outset pink;
	border-right:none;
	position:absolute;
	right:55px;
	top:100px;
	background-color:#FFF;
}

.enter p{
	position:absolute;
	top:5px;
	right:20px;
	font-size:32px;
}
.arrow{
	position:absolute;
	right:135px;
	top:298px;
}

.r90{
transform:rotate(90deg)
}
.r270{
transform:rotate(270deg)}


.arrow div:nth-child(1){
	left:70px;
	top:-2px;
}

.arrow div:nth-child(2){
	left:10px;
}

.arrow div:nth-child(3){
	left:70px;
	top:-27px;;
}

.arrow div:nth-child(4){
	left:130px;
	top:-54px;;
}