#screens > * {
    text-align: center;
}

#top-screen{
    background-color: #48335b;
}

#bottom-screen {
    color: white;
    background-color: #2e1886;
}

#settings {
    margin-top: 20%;
    width: 100%;
}

input[type="number"] {
   width: 90%;
    border-radius: 5px;
    outline: none;
    border: none;
}

#result {
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
}

#result-container {
    display: table;
    background-color: white;
    border: 2px solid black;
    width: 40%;
    height: 70%;
    border-radius: 20px;
    margin: 7% 30%;
}

#btn-gen {
    color: white;
    background-color: #0f960f;
    border: 2px lime solid;
    border-radius: 5px;
    padding: 1%;
    margin: 3%;
}