#button
{
    padding: 10px;
    text-align: center;
    font-size: 20px;
    width: 200px;
    height: 100px;
    border-radius: 25px;
    background-color:#00004a;
    color:#fff; 
    transform: all .2s ease-in-out;
}
#button:hover
{
    background-color:#3035ff;
    color:#dfdf;
    transform: scale(0.9);
}
#button2
{
    margin: 17px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    width: 225px;
    height: 125px;
    border-radius: 35px;
    background-color:#00004a;
    color:#fff; 
    box-shadow: 1px 1px 15px 2px #444;
    transform: all .2s ease-in-out;
}
#button2:hover
{
    background-color:#3035ff;
    color:#dfdf;
    transform: scale(0.9);
}
#button3
{
    margin: 17px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    width: 225px;
    height: 125px;
    border-radius: 35px;
    background-color:#00004a;
    color:#fff; 
    box-shadow: 1px 1px 15px 2px #444;
    transform: all .2s ease-in-out;
}
#button3:hover
{
    background-color:#444;
    color:#dfdf;
    transform: scale(0.9);
}
#button4
{
    margin: 17px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    width: 225px;
    height: 125px;
    border-radius: 35px;
    background-color:#00004a;
    color:#fff; 
    box-shadow: 1px 1px 15px 2px #444;
    transform: all .2s ease-in-out;
}
#button4:hover
{
    background-color:#3035ff;
    color:#dfdf;
    transform: scale(0.9);
}
.tile8
{
    margin: 15px;
    width: 952px;
    height: 320px;
    /* text-shadow: #333 1px 1px 1px; */
    background-color: #000dff;
    text-align: center;
    font-size: 23px;
    padding: 30px;
    border-radius: 25px;
}
.tile8:hover
{
    background-color: #0000cc;
}