* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
 }
 
 body {
     background: linear-gradient(300deg, #667eea 20%, #764ba2 70%);
     min-height: 100vh;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     display: grid;
     place-content: center;
 }
 
 .container {
     background-color: whitesmoke;
     padding: 2rem;
     text-align: center;
     border-radius: 1rem;
     max-width: 600px;
 }
 
 .container h1 {
     margin-bottom: 2rem;
 }
 
 .quote-card {
     background-color: white;
     padding: 1.5rem 2rem;
     border-radius: .75rem;
     margin-bottom: 1.5rem;
     border-left: 4px solid cyan;
 }
 
 .quote-text {
     font-size: 1.1rem;
     font-style: italic;
     color: #333;
     line-height: 1.6;
     margin-bottom: .75rem;
 }
 
 .quote-author {
     font-size: .9rem;
     font-weight: bold;
     color: #777;
 }
 
 #generateBtn {
     cursor: pointer;
     background-color: #f9c74f;
     padding: 1rem;
     border-radius: .5rem;
     border: 0;
 }
 
 #generateBtn:hover {
     background-color: #b4b1a8;
 }