body {
    background-color: blue;
    overflow: hidden;
}
.quoteBox {
    margin: 15% auto;
    width: 45%;
    /* background-color: white; */
    color: rgb(0, 0, 255, 1);
    overflow: hidden;
    border-style: solid;
    border-width: 47px 49px 81px 51px;
    -moz-border-image: url(quoteBox-allWhite.png) 47 49 75 51 stretch;
    -webkit-border-image: url(quoteBox-allWhite.png) 47 49 75 51 stretch;
    -o-border-image: url(quoteBox-allWhite.png) 47 49 75 51 stretch;
    border-image: url(quoteBox-allWhite.png) 47 49 75 51 stretch;
}
.quoteBox * {
    background-color: white;
    overflow: hidden;
}
#quote {
    text-align: center;
    padding: 10px 6px;   
    margin: auto;
}
#author {
    text-align: right;
    padding: 10px 6px;
    margin: auto;
}
.fadein {
    animation: 2s fadein forwards;
}
.buttonRight {
    float: right;
}
.buttonLeft {
    float: left;
}
.buttons button {
    background-color: rgb(0, 0, 255);
    color: white;
    border: none;
    border-radius: 5px;
    margin: 18px 18px 0px 18px;
    padding: 10px 20px;
}
.buttons button:hover {
    opacity: 0.9;
}
@keyframes fadein {
    0% {color: rgba(0,0,255,0);}
    100% {color: rgba(0,0,255,1);}
}
@-webkit-keyframes fadein {
    0% {color: rgba(0,0,255,0);}
    100% {color: rgba(0,0,255,1);}
}
@media (max-width: 580px) {
    .buttonRight, .buttonLeft {
        float: none;
        display: block;
        margin: 10px auto;
    }
}