body{
    margin:0 5px;
}

.paper{
    height: 650px;
    background-image: url('./images/02_creampuff.jpg');
}



.card {
    height: 350px;
    line-height: 350px;
    /*display:block;*/
}

.vcenter{
    width:100%;
    font-size: 3em;
    display: inline-block;
    vertical-align: middle;
    line-height: 2em;
    text-align:center;
}
.vcenter>.btn{
    margin-top: 30px;
}
.dim{
    color: #d3d3d3;
    font-size: 0.75em;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.wordlist{
    height: 650px;
}

.selected{
    border: 1px dotted #dcdcdc;
    box-shadow: 2px 2px 1px #888888;
}

.highlight{
    background-color: #ffff00;
}

.item{
    font-size: 1.2em;
    padding:2px 5px;
    position: absolute;
    cursor:move;
}
.item:hover{
    color:#ffffff;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #888888;
    background-color: rgb(92, 184, 92);
}




.item.ng-enter{

    transition: 3s;
    opacity: 0;
}

.item.ng-enter-active{
    opacity: 1;
    background-color: #a6e1ec ;
}

.wordlist .ng-leave{
    transition: 0.25s;
}
.wordlist .ng-leave-active{
    opacity: 0;
}