body {
    font-family: cursive;
    text-align: center;
    background-color: rgba(53, 194, 177, 0.907);
    color: rgb(247, 250, 247);
    
}

hr {
    width: 500px;
}

.button{
    margin-top: 100px;
    background-color: hsl(6, 100%, 50%);
    padding: 0.5em 1em;
    outline: none;
    border: none;
    text-decoration: none;
    color: rgb(142, 222, 128);
    font-size: larger;
    font-style: italic;
    font-family: 'Courier New', Courier, monospace;
    cursor: pointer;
    border-radius: 0.2em;
    
}

.button:hover, .button:focus{
    background-color: hsl(6, 100%, 40%);
}

#title {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 2px;
}