@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}.container{background:#ff0062;display:flex;height:100vh}.container-quote{background:#fff;color:#3f3f3f;width:100%;max-width:500px;height:400px;display:flex;margin:200px auto;padding:20px;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;box-shadow:0 0 10px #00000080}h1{font-size:32px;font-weight:900;margin-top:50px;margin-bottom:30px}blockquote{font-size:20px;font-weight:300;line-height:1;text-align:center;margin-bottom:30px;font-style:italic}span{font-size:30px;font-weight:700}.author{font-size:15px;font-weight:700;padding-top:30px;margin-right:30px;margin-bottom:30px;text-align:right}p{font-size:2px;border-bottom:1px solid #d3d3d3;padding-bottom:10px;margin-left:30px}button{background:#ff0062;color:#fff;font-size:12px;font-weight:700;padding:7px 15px;border-radius:50px;border:none;margin:10px 5px;cursor:pointer;border-bottom:2px solid rgb(184,184,184)}button:hover{transition-duration:.1s;background-color:#b30547}button:active{transform:scaleX(.9) scaleY(.9);background-color:#b30547}.loader{border:4px solid #f3f3f3;border-top:4px solid rgb(255,0,98);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}