style.css

body{
    background-image: -webkit-gradient(linear, left top, left bottom, from(orangered), to(purple));
    background-image: -webkit-linear-gradient(top, start-color, end-color);
    background-image: -moz-linear-gradient(top, start-color, end-color);
    background-image: linear-gradient(to bottom, start-color, end-color);
}

button{
    font-size: 20px;
}

.quotes{
    border: 2px solid black;
    width: 50%;
    height: 20%;
    margin: 0 auto;
    background-color: white;
    opacity: 0.8;
}


#get-another-quote-button{
    background-color: lightcoral;
    font-family:monospace;
    margin-left: 47%;
    margin-top: 17px;
    border-radius: 10%;
}

#quote-title{
    color: black;
    font-weight: bold;
    font-size: 18px;
    

}
#quote-content{
    font-size: 20px;
    color: black;
    font-style: oblique;
    width: 100%;
    height: 100%;
    

}