body{font-family:Arial,sans-serif;transition:background-color .5s ease-in-out;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh}#wrapper{width:80%;max-width:500px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0003;text-align:center;transition:background-color .5s ease-in-out}#mood-selector{margin-bottom:15px;font-size:1em}label{font-family:system-ui;font-size:1.2em;font-weight:700;margin-right:10px}select{padding:5px 10px;border-radius:5px;border:2px solid dimgrey;font-size:.9rem;font-weight:700;text-align:center}option{font-weight:700}#quote-box{margin-top:20px}#quotes{font-size:1.5em;font-style:italic;margin-bottom:10px;position:relative}#sign{font-size:1.1em;vertical-align:middle}#text{padding:0 10px;display:inline-block;vertical-align:middle}#info{font-size:1.2em;margin-bottom:20px;color:#555}#author{font-weight:700}#buttons{display:flex;justify-content:space-around;align-items:center;margin-bottom:20px}#buttons a,#buttons button{padding:10px 15px;border-radius:5px;color:#fff;text-decoration:none;font-size:.9em;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;transition:background-color .3s ease-in-out}#buttons a:hover,#buttons button:hover{opacity:.9}#reference{margin-top:20px;font-size:.8em;color:#000}#reference a{font-weight:700;text-decoration:none}@media screen and (max-width: 600px){body{padding:30px}#wrapper{width:95%;padding:15px}#quotes{font-size:1.3em}#info{font-size:1.1em}label{display:block;margin-bottom:5px}#buttons{justify-content:center;gap:8px}#buttons a{padding:8px 12px}#new-quote{width:100%;margin-top:10px}}