@import url(https://fonts.googleapis.com/css?family=Play:400,700);.row{*zoom:1}.row:before{content:'';display:table}.row:after{content:'';display:table;clear:both}.onethird{width:calc(99.99% * 1/3 - (30px - 30px * 1/3))}.onethird:nth-child(1n){float:left;margin-right:30px;clear:none}.onethird:last-child{margin-right:0}.onethird:nth-child(3n){margin-right:0;float:right}.onethird:nth-child(3n + 1){clear:left}@media (max-width:600px){.onethird{width:auto}.onethird:last-child{float:none;clear:none;margin-right:0;width:auto}.onethird:nth-child(1n){float:none;clear:none;margin-right:0;width:auto}.onethird:nth-child(1n + 1){float:none;clear:none;margin-right:0;width:auto}.onethird:nth-child(1n){float:none;clear:none;margin-right:0;width:auto}}html{font-size:62.5%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:1rem;padding:1rem;color:#000;background-color:#b8b8b8;line-height:160%;font-size:1.8rem;font-weight:300}body,h1,h2,h3,h4,h5,h6{font-family:Play,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6{margin:0;padding:0}img{dispaly:block}.container{width:80%;max-width:1200px;margin:0 auto}canvas{color:#fff}.leftbuttons{width:90%;border:1px solid;margin-bottom:7px;font-size:2rem;height:75px;border-radius:10px;border:2px solid #f5f5f5;color:#f5f5f5;background-color:#5bb75b}.leftbuttons:hover{border:1px solid grey}.sleepbutton{width:90%;border:1px solid;font-size:2rem;height:75px;margin-top:7px;margin-bottom:7px;border-radius:10px;border:2px solid #f5f5f5;color:#f5f5f5;background-color:#e14646}.sleepbutton:hover{border:1px solid grey}.round-button{display:block;width:60px;height:60px;line-height:50px;border-radius:50%;text-align:center;text-decoration:$color-text-decoration;color:#f5f5f5;box-shadow:$color-box-shadow;font-size:$color-font-size;font-weight:$color-font-weight;margin:7px 4px 5px;display:inline-block;border:2px solid #f5f5f5}.round-button:hover{background:#262626}.round-red{background-color:red}.round-blue{background-color:#00f}.round-green{background-color:#080}.round-purple{background-color:#7d26cd}.round-yellow{background-color:#ece222}.center{text-align:center;width:90%}.clear{clear:both}.box{border:2px solid grey;border-radius:5px;box-shadow:$color-box-shadow;background-color:#efefef;padding:8px;text-align:center;width:90%}.saved{height:100px;margin-top:15px;margin-bottom:10px}#result{margin-top:20px;border:2px solid grey;border-radius:5px;padding:8px}#clickme,#kyubot,#result{box-shadow:$color-box-shadow;background-color:#efefef;text-align:center;width:90%}#clickme,#kyubot{margin-top:25px;border:2px solid orange;border-radius:10%;height:200px;clear:both}.clickhere{padding-top:80px;margin:0 auto;color:#c6c6c6}.close_modal{float:right;padding:5px;border-radius:5px}