body
{
    background-color:aliceblue;
    justify-content:center;
    align-items:center;
    display:flex;
    min-height:100vh;

}
.generator
{
    background-color:aqua;
    padding:30px;
}
input[type=text]
{
    padding:10px;
    user-select:none;
    height:50px;
    width:400px;
    border:2px solid blue;
    border-radius:6px;
    font-size:20px;
    margin:10px;
    color:darkblue;
    background-color:aliceblue;
}
input[type=number] 
{
    padding: 10px;
    user-select: none;
    height: 30px;
    width: 100px;
    border: 2px solid lightblue;
    border-radius: 6px;
    font-size: 20px;
    margin:10px;
    background-color:aquamarine;
}
h1
{
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size:40px;
text-align:center;
}
label
{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size:20px;
    font-weight:bold;
    color:blue;
}
input[type=button]
{
    width:160px;
    height:40px;
    background-color:Highlight;
    text-align:center;
    font-family:Arial;
    font-size:15px;
    margin:10px;
    color:antiquewhite;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    border:2px solid blue;
    border-radius:6px;
}
input[type=button]:hover
{
    background-color:blue;
    color:azure;
    height:41px;
}