body {
    font-family: Arial, sans-serif;
    background-color: lightsteelblue;
}

.content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background-color: #FFAA00;
    border-radius: 10px;

    padding: 5% 10%;

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 5vh;
}

.content * {
    width: 60vw;
    height: 25vh;
}

#generate_button {
    background-color: #FF7400;
    border: none;
    border-radius: 100px;

    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 500%;
    color: #FFAA64;
    
    cursor: pointer;
}

.clicked {
    background-color: #FF0000 !important;
    color: #FF3939 !important;
}

#generated_text {
    border: none;

    text-align: center;
    font-size: 4.5vh;
}