#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.card{padding:2em}p{color:#555;transition:all .25s ease-in-out}.masonry{transition:all .3s ease-in-out;column-gap:30px;column-fill:initial}.brick{width:100%;margin-bottom:30px;border-radius:20px;display:inline-block;vertical-align:top;background-color:#8ec5fc;background-image:linear-gradient(62deg,#8ec5fc 0%,#e0c3fc 100%)}.text-area{display:flex}.text-area p{padding:0 20px;transition:all .3s ease-in-out;display:flex;align-self:center}.brick:hover .text-area p{color:#000}.brick:hover{cursor:default;filter:drop-shadow(0 0 2em #646cffaa);-webkit-backdrop-filter:drop-shadow(0 0 2em #646cffaa);-webkit-filter:drop-shadow(0 0 2em #646cffaa)}.brick-body{display:flex;min-height:100px;justify-content:space-between}@media only screen and (min-width: 768px) and (max-width: 1023px){.masonry{column-count:2}}@media only screen and (min-width: 1024px){.masonry{column-count:3}}.buttons-area{display:flex;flex-direction:column;justify-content:space-around;border-radius:0 20px 20px 0;background-color:#ff3cac;background-image:linear-gradient(225deg,#ff3cac 0%,#784ba0 50%,#2b86c5 100%)}.dislike,.like{display:flex;flex:1;padding:0 15px;margin:0;justify-content:center;align-items:center;border-radius:20px 0 0;color:#fff}.dislike .fa,.like .fa{color:#8ec5fc}.dislike:hover .fa,.like:hover .fa{opacity:.75;transition:all .3s ease-in-out}.true .fa{color:red}.fa{font-size:20px}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#ffffffde;background-color:#1c1c1c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:start;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:active{outline:4px auto -webkit-focus-ring-color}