body {margin:0.3;font-family: 'PlutoRegular';position: absolute;left: 0px;top: 0pxmargin:0;}
@font-face {font-family: 'PlutoRegular';src: url('../font/PlutoRegular.otf');}
.img1 {cursor:pointer;}
.img2 {border: 1px solid #67CE00;}
audio {background-color:#FAF7EA;position:absolute;left:66px;top:101px;display:block;width:550px;}
#dragdrop {position:absolute;width: 615px;}
p {margin:0;padding:0;}
.box1 h3 {color:#800080;text-align:left;margin-bottom:0.2em;}
h3 {color:#FFA500;text-align:center;margin-bottom:0.2em;}
.box1 {border:4px solid #EA9800;background-color:#FAF7EA;padding:1em;box-shadow: 10px 10px 10px #888888;margin-bottom:1em;margin-left:1em;margin-top:1em;width:623px;height:587px;border-radius: 15px;}
.s_num {text-align:center;color:#000000;}
#memory_board {width:615px;height:274px;padding:15px;margin-top:4em;margin-left:-1em;}
#screen1 {background-color:#FFFFFF;border: 2px solid #EA9800;width:610px;height:272px;text-align:left;padding-left:5px;}
#screen2 {background-color:#FFFFFF;border: 2px solid #EA9800;width:610px;height:272px;margin:0px auto;text-align:left;padding-left:5px;}
#screen3 {background-color:#FFFFFF;border: 2px solid #EA9800;width:610px;height:272px;margin:0px auto;text-align:left;padding-left:5px;}
#screen4 {background-color:#FFFFFF;border: 2px solid #EA9800;width:610px;height:272px;margin:0px auto;text-align:left;padding-left:5px;}
#s1 {background-color:#FFFFFF;border: 2px solid #EA9800;width:610px;height:450px;margin:0px auto;text-align:left;padding-left:5px;}
.selected {    border: 3px solid red;border-radius: 10px;}
input#btnclr1 {cursor:pointer;padding:5px;background:#FFFFFF;border:3px solid #EA9800;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);box-shadow: 0 0 4px rgba(0,0,0, .75);color:#000000;font-size:1.1em;width: 304px;font-family: 'PlutoRegular';background-image:url('../images/rarrow.png');background-repeat: no-repeat;background-position: left;position:absolute;top:576px;left:350px;}
input#btn2 {cursor:pointer;padding:5px 5px 5px 5px;background:#FFFFFF;border:3px solid #EA9800;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);box-shadow: 0 0 4px rgba(0,0,0, .75);color:#000000;font-size:1.1em;width: 304px;font-family: 'PlutoRegular';background-image:url('../images/valider.jpg');background-repeat: no-repeat;background-position: left;position:absolute;top:526px;left:350px;}
input#btn1 {cursor:pointer;padding:5px 5px 5px 5px;background:#FFFFFF;border:3px solid #EA9800;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);box-shadow: 0 0 4px rgba(0,0,0, .75);color:#000000;font-size:1.1em;width: 304px;height: 89px;top:526px;left:35px;position:absolute;font-family: 'PlutoRegular';}
#count {float:left;font-size:4em;color:#D9D7D5;margin-top:.1em;margin-left:-.2em;width:1em;}
.checkbox {   height: 30px;  width: 30px;  vertical-align:middle;}
.text1 {font-size:1.25em;margin-top:50px;border: 1px solid #EA9800;border-bottom: 4px solid #EA9800;background-color:#FFFFFF;border-radius: 0px 10px 0px 10px;cursor: pointer;display: block;height: 100%;width: 300px;text-align:center;padding: 5px 12px 2px 12px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: 2px 2px 4px #444;-webkit-box-shadow: 2px 2px 4px #444;-o-box-shadow: 2px 2px 4px #444;box-shadow: 2px 2px 4px #444;-moz-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
.text1:hover {font-size:1.25em;padding: 5px 12px 2px 12px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
