*{box-sizing:border-box;margin:0;padding:0;list-style:none}body{display:flex;align-items:center;justify-content:center;height:100vh;font-weight:400;font-family:Raleway,sans-serif;color:#333;transition:all .5s ease-in-out;background-color:#f32525}div{position:relative;z-index:2}.footer{width:450px;text-align:center;display:block;font-size:.9rem;margin:15px auto 30px}.footer a{font-weight:500;color:#fff;text-decoration:none}#quote-box{border-radius:3px;position:relative;max-width:450px;padding:40px 50px;background-color:#fff;box-shadow:0 10px 20px #0003;display:table;transition:all .5s ease-in-out}@media (max-width: 480px){#quote-box{max-width:90%;padding:20px}#quote-box .quote-text{font-size:1.2rem;padding:0 60px}#quote-box .quote-author{font-size:1rem;width:100%}#quote-box .buttons{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#quote-box .buttons .button{width:auto;padding:10px 15px;margin-top:20px}}#quote-box .quote-text{font-size:1.5rem;font-weight:500;width:480px;height:auto;clear:both;text-align:center;transition:all .5s ease-in-out}#quote-box .quote-text .icon{font-size:1rem;margin:.4rem;transition:all .5s ease-in-out}#quote-box .quote-author{width:480px;height:auto;clear:both;font-weight:600;padding-top:20px;font-size:1.2rem;text-align:center;transition:all .5s ease-in-out}#quote-box .buttons{width:480px;height:auto;margin:auto;display:flex;justify-content:space-between;transition:all .5s ease-in-out}#quote-box .buttons .button{cursor:pointer;border:none;outline:none;border-radius:3px;color:#fff;background-color:#333;height:40px;font-size:.9rem;padding:10px 20px 8px;margin-top:35px;opacity:1}#quote-box .buttons .button:hover{opacity:.9}.footer{font-size:.9rem;padding-top:60px;margin:15px auto 5px;text-align:center;font-style:italic}.footer a{font-weight:500;color:#333;text-decoration:none}.footer a:hover{text-decoration:underline}