body{
    background-color: #273E47;
    font-family:"Comic Sans MS",Georgia,Verdana,Tahoma;
    display: flex; 
    flex-direction: column;
    align-items: center;
    margin: 0; 
}

#generate {
    margin: 40px; 
    padding: 15px 30px; 
    font-size: 25px; 
    border-radius: 10px;
    border-style: none;
    background-color: #2F9C95;
    color: #32292F; 
    font-family:"Comic Sans MS",Georgia,Verdana,Tahoma;
    transition-duration: 0.4s;
}

#generate:hover {
    box-shadow: 5px 5px 20px black;
}

.box{
    background-color: #2F9C95;
    width:80%;
    margin:auto;
    border:1px black solid;
    border-radius:15px;
    padding:0;
    padding:10px
}
.box h1{
    color: #32292F;
    font-family:"Comic Sans MS",Georgia,Verdana,Tahoma;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:2px
}
label{
    color: #32292F;
}
label2{
    color: #32292F;
}

span {
    color: #E5F9E0;
}

ul {
    list-style: none;
}

.list {
    font-size: 20px; 
    display: flex; 
    justify-content: space-around;
}

.column {
    width: 50%;
}