#quickdraw-panel .quickdraw-generated-number {
    position: absolute;
    top: 0px;
    right: 10px;
    height: 300px;
    width: 500px;
    text-align: left;
    font-size: 11em;
    font-weight: bold;
    text-align: center;
}

#quickdraw-panel .quickdraw-input-container {
    position: absolute;
    text-align: center;
    width: 250px;
    right: 0px; bottom: 0px;
}

#quickdraw-panel .qdinput {
    background-color: black;
    border-radius: 24px;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 0px;
    height: 35px;
    font-size: large;
    font-weight: bold;
    color: white;
    text-align: center;
}

#quickdraw-panel .quickdraw-controls {
    position: absolute;
    bottom: 5px;
    left: 20px;
}

#quickdraw-panel .quickdraw-button {
    background-color: rgb(20,20,20);
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    height: 50px;
    min-width: 250px;
    font-size: 16px;
    cursor: pointer;
}

#quickdraw-panel .quickdraw-gennumbers-panel {
    position: absolute;
    left: 20px;
    top: 0px;
    width: 270px;
    min-height: 340px;
    height: 340px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgb(20,20,20); /* Fallback color */
    overflow: auto;
}

#quickdraw-panel .quickdraw-gennumbers-header {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}

#quickdraw-panel .quickdraw-gennumbers-text {
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
}


#quickdraw-panel input::-webkit-outer-spin-button,
#quickdraw-panel input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#quickdraw-panel input[type=number] {
  -moz-appearance: textfield;
}