body {
  box-sizing: border-box; }
  body * {
    box-sizing: inherit; }

.description {
  position: absolute;
  font-family: monospace;
  padding: 0.5rem; }

.fav {
  display: flex;
  align-items: center;
  justify-content: center; }

.favor {
  width: 30px;
  height: 30px;
  /*border:1px solid red;*/ }

.fav {
  width: 100vw;
  height: 100vh; }
  .fav-star {
    animation: star 3s infinite linear; }
  .fav-round {
    animation: round 3s infinite linear; }
  .fav-sparkle {
    width: 25px;
    height: 25px;
    animation: sparkle 3s infinite linear; }
    .fav-sparkle-i {
      width: 8.33333px;
      height: 1.66667px;
      border-radius: 50px;
      background: #00c2f2;
      transform-origin: 0 0;
      animation: sparkles 2s infinite linear; }

@keyframes round {
  0% {
    transform: scale(0); }
  3% {
    transform: scale(0);
    border-width: 12.5px; }
  16% {
    transform: scale(1.4);
    border-width: 8.33333px; }
  19% {
    transform: scale(1.9);
    border-width: 0; }
  100% {
    transform: scale(1.5);
    border-width: 0; } }

@keyframes star {
  0% {
    fill: #F8F8EE;
    transform: scale(0); }
  1% { }
  17% {
    transform: scale(0); }
  22% {
    transform: scale(1.3); }
  28% {
    transform: scale(0.8); }
  35% {
    transform: scale(1.1); }
  45% {
    transform: scale(1); }
  50% { }
  75% {
    fill: #00c2f2; } }