:root{--primary-color:#4caf50;--secondary-color:#ff5722;--background-color:#f9f9f9;--text-color:#333;--accent-color:#2196f3;--font-family:"Poppins",sans-serif;--spacing:16px;--border-radius:8px;--box-shadow:0 4px 6px #0000001a}body{background:linear-gradient(135deg,#e3f2fd,#f9fbe7);color:#333;color:var(--text-color);font-family:Poppins,sans-serif;font-family:var(--font-family);line-height:1.6;margin:0}.App{animation:fadeIn 1s ease-in-out;margin:0 auto;max-width:1200px;text-align:center}.App,nav{padding:16px;padding:var(--spacing)}nav{background-color:#4caf50;background-color:var(--primary-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--box-shadow);display:flex;justify-content:center;margin-bottom:16px;margin-bottom:var(--spacing)}nav a{color:#fff;font-weight:700;margin:0 16px;margin:0 var(--spacing);overflow:hidden;position:relative;text-decoration:none;transition:color .3s}nav a:after{background-color:#ff5722;background-color:var(--secondary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s;width:100%}nav a:hover:after{transform:scaleX(1);transform-origin:left}select{border:none;border-radius:8px;border-radius:var(--border-radius);margin:0 16px;margin:0 var(--spacing);max-height:100px;overflow-y:auto}select,select option{font-size:1rem;padding:.5rem}select option{white-space:nowrap}.quote-box{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--box-shadow);padding:16px;padding:var(--spacing)}.quote-box,.quote-box p{margin:16px 0;margin:var(--spacing) 0}.quote-box p{font-size:clamp(1rem,2vw,1.2rem)}.quote-box button{background-color:#4caf50;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;margin:16px .5rem;margin:var(--spacing) .5rem;padding:.6rem 1.2rem;transition:background-color .3s}.quote-box button:hover{animation:pulse .4s ease-in-out;background-color:#ff5722;background-color:var(--secondary-color)}.favorites{animation:slideIn .8s ease-in-out;margin-top:16px;margin-top:var(--spacing);text-align:left}.favorites-list{list-style:none;padding:0}.favorites-list li{animation:fadeIn .6s ease-in-out}.delete-button{background-color:#ff5722;background-color:var(--secondary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;padding:.4rem 1rem}.delete-button:hover{animation:pulse .4s ease-in-out;background-color:#2196f3;background-color:var(--accent-color)}.share-buttons{margin-top:16px;margin-top:var(--spacing)}.share-buttons a{color:#2196f3;color:var(--accent-color);margin:0 10px;transition:transform .3s,color .3s}.share-buttons a:hover{color:#ff5722;color:var(--secondary-color);transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.quote-box p{font-size:1rem}nav a{font-size:.9rem;margin:0 8px}.favorites li{align-items:flex-start;flex-direction:column}.favorites button{margin-top:16px;margin-top:var(--spacing)}.favorites-list li{animation:slideIn .8s ease-in-out}.select{max-height:200px}}.loading-screen{align-items:center;background:linear-gradient(135deg,#4caf50,#2196f3);color:#fff;display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center}.loading-text{animation:fadeInOut 5.5s ease-in-out;font-size:3rem;font-weight:700}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}
/*# sourceMappingURL=main.9d9bd442.css.map*/