*{margin:0;padding:0;box-sizing:border-box}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wrapper{width:605px;background-color:#fff;border-radius:15px;padding:30px 30px 25px;background-color:#333;color:#fff}.wrapper header{font-size:35px;font-weight:600;text-align:center}.wrapper .content{margin:35px 0}.content .quote-area{display:flex;justify-content:center}.quote-area i{font-size:15px}.quote-area i:first-child{margin:3px 10px 0 0}.quote-area i:last-child{display:flex;align-items:flex-end;margin:0 0 3px 10px}.quote-area .quote{font-size:22px;text-align:center;word-break:break-all}.content .author{display:flex;font-size:18px;font-style:italic;margin-top:20px;justify-content:flex-end}.author span:first-child{margin:-7px 5px 0 0;font-family:monospace}.wrapper .buttons{border-top:1px solid #ccc}.buttons .features{display:flex;margin-top:20px;align-items:center;justify-content:space-between}.features ul{display:flex}.features ul li{list-style:none;margin:0 5px;height:47px;width:47px;border-radius:50%;cursor:pointer;color:#5372f0;border:2px solid #5372f0;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.features ul li:first-child{border:2px solid #9bdc28;color:#9bdc28}.features ul li:nth-child(2){border:2px solid #e91e63;color:#e91e63}.features ul li:last-child{border:2px solid #03a9f4;color:#03a9f4}.features ul li:first-child:hover{background-color:#9bdc28;color:#fff}.features ul li:nth-child(2):hover{background-color:#e91e63;color:#fff}.features ul li:last-child:hover{background-color:#03a9f4;color:#fff}.features button{border:none;outline:none;padding:13px 22px;border-radius:30px;font-size:16px;background-color:#5372f0;color:#fff;cursor:pointer}