#message-box
{
    display: block;

    position: fixed;
    left: 0;
    bottom: 0;

    margin: 0;
    padding: 0;

    z-index: 9999;
}

@keyframes message-box
{
    0%{top: 0;right: 300px;}
    10%{top: 0;right: 0;}
    90%{top: 0;right: 0;}
    100%{top: 150px;right: 0;}
}

#message-box p
{
    position: relative;

    margin: 15px;

    width: 280px;

    background-color: #fa8335;

    border: 0;
    border-radius: 10px;

    padding: 5px;

    color: white;

    text-align: center;

    font-size: 18px;
    font-family: shabnam;

    animation: message-box 5s cubic-bezier(.68,-0.55,.27,1.55);

    top: 150px;

    z-index: 9999;
}