* {
    margin: 0;
    padding: 0;
}
#app {
    font-family: Arial,serif;
    text-align: center;
    color: #2c3e50;
    margin: 0 auto;
    width: 1860px;
}
#app * {
    font-size: 16pt;
}
.board-table {
    border-spacing: 10px;
}
.deck-header {
    padding-top: 1em;
    padding-bottom: 0.5em;
}
.card-td {
    height: 645px;
    width: 428px;
    padding: 0 10px;
}
.deck-actions {
    border-spacing: 10px;
}
.deck-actions button {
    height: 35px;
}

@media only screen and (max-width: 1900px) {
    #app {
        width: 1670px;
    }
    .card-td {
        height: 573px;
        width: 380px;
    }
}

@media only screen and (max-width: 1700px) {
    #app {
        width: 1480px;
    }
    #app * {
        font-size: 14pt;
    }
    .deck-actions {
        border-spacing: 8px;
    }
    .deck-actions button {
        height: 30px;
    }
    .card-td {
        height: 509px;
        width: 338px;
        padding: 0 8px;
    }
}

@media only screen and (max-width: 1500px) {
    #app {
        width: 1280px;
    }
    #app * {
        font-size: 12pt;
    }
    .board-table {
        border-spacing: 0;
    }
    .card-td {
        height: 452px;
        width: 300px;
    }
    .deck-actions button {
        height: 25px;
    }
}

@media only screen and (max-width: 1300px) {
    #app {
        width: 1080px;
    }
    .deck-actions {
        border-spacing: 6px;
    }
    .card-td {
        height: 383px;
        width: 254px;
        padding: 0 6px;
    }
}

@media only screen and (max-width: 1100px) {
    #app {
        width: 880px;
    }
    #app * {
        font-size: 11pt;
    }
    .card-td {
        height: 313px;
        width: 234px;
        padding: 0 4px;
    }
    .deck-actions {
        border-spacing: 4px;
    }
    .deck-actions button {
        height: 22px;
    }
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
    supported by Chrome, Opera and Firefox */
}