.feed-item
  display: flex
  border: 1px solid #efefef
  border-radius: 4px
  padding: 10px
  margin: 10px
  text-align: center
  font-size: 16pt
  font-weight: bold
  color: rgba(0, 0, 0, 0.85)
  box-shadow: 0 0 10px -4px rgba(48, 75, 163, 0.2)

.feed-item__title
  width: 45%

.feed-item__desc
  width: 45%

.feed-item__emoji
  width: 10%

  img
    width: 60%
    max-width: 100%
    max-height: 100%

.feed-reverse
  display: flex
  flex-direction: column-reverse


// Animations
.fade-enter
  opacity: 0.01
  max-height: 0

.fade-enter.fade-enter-active
  opacity: 1
  max-height: 1000px
  transition: opacity 500ms ease-in, max-height 500ms ease-in

.fade-leave
  opacity: 1
  max-height: 1000px

.fade-leave.fade-leave-active
  opacity: 0.01
  max-height: 0
  transition: opacity 300ms ease-in, max-height 300ms ease-in