body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background: linear-gradient(135deg, #e7e4e6, #d80ec4);
    display: flex;
    flex-direction: column;
    justify-content: center;  
    align-items: center;  
    text-align: center;
}

h1 {
    font-size: 5em;
    color: rgb(255, 235, 250);
    background: rgb(139, 85, 117);
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 30px;  
}

#playButton {
    margin-bottom: 20px;  
}

.buttons {
    display: flex;
    flex-direction: column;  
    justify-content: center;
    align-items: center;
}

.btn {
    background-color: white;
    color: rgb(233, 122, 190);
    padding: 10px 22px;
    text-align: center;
    display: inline-block;
    font-size: 2em;
    margin: 4px 2px;
    cursor: pointer;
    border: none;
    border-radius: 12px;
    transition: background-color 0.3s ease;
}

.btn:hover {
    background-color: pink;
    transition: 1s;
}