/* === General === */
body {
    background-color:  #F7D6D0;
}
div {
    color: #505050;
}


/* ===== Utility ===== */
.unselectable{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.undraggagle {
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.button {
    background-color: #FFC5D0;
    transition: all .2s ease-out;
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 1px 3px;
}

.button:hover {
    background-color: #FB6090;
}

.border {
    border: 1px solid black;
}

.pill {
    border-radius: 10000px;
}

.round {
    border-radius: 10px;
}