*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}body{font-family:Poppins,sans-serif;background-color:#d7d7d7;background-image:linear-gradient(147deg,#d7d7d7,#353535 74%);display:flex;justify-content:center;align-items:center;height:100vh;color:#333;text-align:center;padding:0 20px;margin:0}.app{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;width:100%}.header{margin-bottom:20px}.header h1{font-size:2.5rem;color:#f5f5f5;text-shadow:#FC0 10px 0 10px;margin-top:40px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.quote-container{background:#ffffffe6;padding:40px;border-radius:15px;box-shadow:5px 5px 5px #00796b;max-width:700px;width:100%;text-align:center;transition:transform .3s ease}.quote-box{position:relative}.quote-text{font-size:1.4em;color:#00796b;margin-bottom:20px}.quote-author{font-size:1.3em;color:#004d40;margin-bottom:40px}.new-quote{background-color:#00796b;color:#fff;padding:15px 30px;font-size:1.2em;border:none;border-radius:30px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.new-quote:hover{background-color:#004d40;transform:translateY(-3px)}.new-quote:active{background-color:#00251a}.footer{color:#fff;padding:25px;width:100%}.footer p .portfolio-link{font-size:1rem;margin-bottom:10px;opacity:.7;text-decoration:none;color:#fff}.social-links{margin-top:10px}.social-links a{color:#fff;text-decoration:none;margin:0 10px;font-size:1rem;transition:color .3s ease}.social-links a:hover{text-decoration:underline}@media (max-width: 600px){.header h1{font-size:2rem}.quote-container{padding:30px}.quote-text{font-size:1.5em}.quote-author{font-size:1.1em}.new-quote{padding:12px 20px;font-size:1em}.footer p{font-size:.9rem}}