body{font-family:'Roboto',sans-serif;margin-top:50px;background-color:#b0b0b0;color:#303030}table{border-spacing:0}table td{padding:0}.container{text-align:center}.light-box{background-color:#fff;position:relative;border-radius:10px;display:inline-block;width:588px;height:420px}.heading{font-family:'Fascinate Inline',cursive;font-size:40px;margin-top:-10px;margin-bottom:-6px}.credits{text-align:right;font-size:12px;padding-right:10px;margin-bottom:20px}.panel{display:inline-block}.side-panel{vertical-align:top;width:146px}.main{position:absolute;padding-left:26px;padding-top:26px}.crate{background-color:#404040}.crate-edge{width:8px}.crate-bottom{height:8px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.crate-top>td{border-top-left-radius:5px;border-top-right-radius:5px}.cell{width:16px;height:16px;background-color:#f0f0f0;border:1px solid #f0f0f0}.brick-type{border:1px solid #707070;border-radius:4px}.brick-type-square{background-image:linear-gradient(to bottom right,#0000b3,#00004d)}.brick-type-line{background-image:linear-gradient(to bottom right,#00802b,#031)}.brick-type-t{background-image:linear-gradient(to bottom right,#86592d,#4d3319)}.brick-type-s{background-image:linear-gradient(to bottom right,#b30086,#66004d)}.brick-type-reverses{background-image:linear-gradient(to bottom right,#daa520,#9b7617)}.brick-type-l{background-image:linear-gradient(to bottom right,#c30,#802000)}.brick-type-reversel{background-image:linear-gradient(to bottom right,#395e60,#1d2f30)}.brick-type-marked{background-image:linear-gradient(to bottom right,#404040,#606060)}.sub-heading{font-weight:bold;padding-bottom:12px;border-top:#b0b0b0 solid 1px;padding-top:4px;text-align:center}.label-small{font-size:12px;text-align:left}.label{font-size:14px}.label-bold{font-weight:bold}.label-right{text-align:right}.high-score-index{padding-right:12px}.value{font-size:24px;font-weight:bold;text-align:center;padding-bottom:20px}.nextLabel{font-size:14px}.previewCell{width:12px;height:12px}.score-row>div{display:inline-block}.keys-panel{text-align:left}.panel-left{padding-right:20px}.panel-right{padding-left:20px}.key-line{padding-top:4px;text-align:center}.key-line>div{padding-left:4px;padding-right:4px;display:inline-block}.key-description{text-align:center;font-size:12px;padding-bottom:10px}.section{padding-bottom:6px}.section-high-scores{padding-top:20px}.score-name{padding-top:3px;padding-bottom:3px;width:80px}.section-content{padding-left:10px}.progress-table{width:100%}.preview-table-container{height:70px}.preview-table{margin:auto;padding-top:6px}.message{position:absolute;border:#282828 2px solid;border-radius:8px;padding:20px;width:200px;background-image:linear-gradient(to bottom right,#e8effc,#76a0ef);box-shadow:6px 6px 5px grey;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.message-text-large{font-size:20px;font-weight:bold}.message-text-small{padding-top:6px;font-size:16px}.key-image{display:inline-block;background:url('keys.png') no-repeat;overflow:hidden;text-indent:-9999px;text-align:left}.key-image-comma-lt{background-position:-0 -0;width:50px;height:51px}.key-image-cursor-down{background-position:-50px -0;width:50px;height:52px}.key-image-cursor-left{background-position:-0 -51px;width:50px;height:52px}.key-image-cursor-right{background-position:-50px -52px;width:50px;height:52px}.key-image-p{background-position:-0 -103px;width:50px;height:52px}.key-image-period-gt{background-position:-50px -104px;width:50px;height:52px}.name-input{padding:10px;border-radius:6px;font-size:20px;font-weight:bold;margin-top:20px;width:140px}