@import"https://fonts.googleapis.com/css2?family=Merienda&display=swap";*{margin:0;padding:0;box-sizing:border-box}.quote-container{background-color:#eee;min-height:100vh;display:flex;justify-content:center;align-items:center;margin:auto;background-size:cover;background-repeat:no-repeat;background-position:center}.quoteArea{padding:2rem;width:900px;background-color:#fff;border-radius:.8rem;box-shadow:4px 4px #00000050}.quoteArea span{display:block;margin-bottom:4rem;font-size:2rem;font-family:Merienda,cursive}.quoteArea p{font-size:24px;font-style:italic;text-align:right;color:#888}.controls{display:flex;justify-content:center;gap:1rem;width:600px;padding:1rem;margin:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.controls button{border:0px;padding:1rem 1.2rem;font-size:18px;color:#071f26;cursor:pointer;border:1px solid #071f26;background:transparent;transition:.3s;border-radius:.6rem;outline:none;background-color:#ffffff20}button:hover{color:#fff;background-color:#071f26}@media (max-width: 576px){.quote-container{width:100%;height:100vh}.quoteArea{width:90%}.controls{width:100%}.quoteArea{padding:1.5rem}.quoteArea span{font-size:1.8rem}.quoteArea p{font-size:18px}}