body {
padding: 0 50px;
}
[draggable] {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
#columns:after {
content: ' ';
clear: both;
display: table;
}
.column {
height: 200px;
line-height: 200px;
width: 200px;
float: left;
border: 2px solid #666;
background: #aaa;
margin-right: 5px;
border-radius: 10px;
text-align: center;
cursor: move;
}
.column.over {
border: 2px dashed #000;
}
.column.drag {
opacity: 0.6;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.column > header {
color: #fff;
}