style.css

body{font-family:Poppins,sans-serif;background-color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}.quote{font-size:2rem;font-weight:700;color:#000;animation:animate .5s linear;-webkit-animation:animate .5s linear;opacity:0;animation-fill-mode:forwards}.footer{display:flex;justify-content:space-between;padding-top:1rem;align-items:center}#quotation{margin-top:-3rem;color:#000;width:50%}@media only screen and (max-width:600px){#quotation{width:90%}.quote{font-size:1.7rem}}.author{color:#555;font-weight:600;float:right}#refresh{color:#fff;cursor:pointer;background:#0b57d0;font-weight:700;padding:10px;border-radius:10px;width:150px;text-align:center;margin-top:70px}#refresh i{margin-right:5px}@keyframes animate{from{opacity:0}to{opacity:1;transform:scale(2);-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2)}}