body {
    background-color: #E6E6FA;
}

h1 {
    font-family: Cursive;
    font-size: 250%;
}

.button {
    background-color: #F0F8FF;
    border-radius: 12px;
    transition-duration: 0.4s;
}

.button:hover {
    background-color: #008CBA;
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)
}



.button1 {
    border-radius: 12px;
    transition-duration: 0.4s;
    background-color: #008CBA;
}

.button1:hover {
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.grid {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.grid div {
    min-width: 150px;
    padding: 15px;
    width: 250px;
}