.blob {
  width: 250px;
  height: 250px;
}

@media (min-width: 992px) {
  .blob {
    width: 300px;
    height: 300px;
  }
}
.blob {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 48% 52% 68% 32%/42% 28% 72% 58%;
  background: whitesmoke;
  background-size: 100% 100%;
  animation: blobber 30s 0s linear infinite, cobler 30s 0s linear infinite alternate;
}
.blob:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  background-image: url(http://192.168.0.216:8000/foto.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  mix-blend-mode: multiply;
  animation: blobber 30s 0s ease-in-out infinite;
}

@keyframes blobber {
  0% {
    border-radius: 48% 52% 68% 32%/42% 28% 72% 58%;
  }
  5% {
    border-radius: 48% 52% 41% 59%/66% 37% 63% 34%;
  }
  10% {
    border-radius: 69% 31% 71% 29%/67% 31% 69% 33%;
  }
  15% {
    border-radius: 60% 40% 71% 29%/63% 65% 35% 37%;
  }
  20% {
    border-radius: 61% 39% 51% 49%/57% 58% 42% 43%;
  }
  25% {
    border-radius: 66% 34% 25% 75%/47% 30% 70% 53%;
  }
  30% {
    border-radius: 32% 68% 38% 62%/65% 60% 40% 35%;
  }
  35% {
    border-radius: 63% 37% 41% 59%/35% 38% 62% 65%;
  }
  40% {
    border-radius: 57% 43% 49% 51%/55% 71% 29% 45%;
  }
  45% {
    border-radius: 47% 53% 34% 66%/65% 36% 64% 35%;
  }
  50% {
    border-radius: 44% 56% 32% 68%/69% 26% 74% 31%;
  }
  55% {
    border-radius: 28% 72% 37% 63%/71% 44% 56% 29%;
  }
  60% {
    border-radius: 38% 62% 35% 65%/74% 53% 47% 26%;
  }
  65% {
    border-radius: 73% 27% 46% 54%/54% 47% 53% 46%;
  }
  70% {
    border-radius: 75% 25% 47% 53%/49% 53% 47% 51%;
  }
  75% {
    border-radius: 62% 38% 43% 57%/55% 60% 40% 45%;
  }
  80% {
    border-radius: 41% 59% 65% 35%/73% 50% 50% 27%;
  }
  85% {
    border-radius: 55% 45% 57% 43%/73% 61% 39% 27%;
  }
  90% {
    border-radius: 74% 26% 33% 67%/40% 65% 35% 60%;
  }
  95% {
    border-radius: 58% 42% 57% 43%/53% 45% 55% 47%;
  }
  100% {
    border-radius: 48% 52% 68% 32%/42% 28% 72% 58%;
  }
}
@keyframes cobler {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}
@keyframes wobbler {
  0% {
    transform: rotateZ(8deg);
  }
  100% {
    transform: rotateZ(-8deg);
  }
}
.css-card {
  border: 1px solid var(--bs-border-color);
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
}

.viewport-projects {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
}

@media (min-width: 992px) {
  .viewport-projects {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
}
ul.post-tags {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
ul.post-tags > li {
  display: inline-block;
  margin-right: 0.5rem;
}
ul.post-tags > li > a.post-tag {
  display: inline-flex;
  align-items: center;
  border-radius: 25px;
  text-decoration: none;
  transition: color 0.2s ease, border-color 0.2s ease;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+1) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+1) > a.post-tag .fa-hashtag {
  color: #e03131;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+1) > a.post-tag:hover, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+1) > a.post-tag:focus-visible {
  border-color: #e03131;
  color: #e03131 !important;
  text-decoration: underline;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+1) > a.post-tag:hover .fa-hashtag, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+1) > a.post-tag:focus-visible .fa-hashtag {
  color: #e03131;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+2) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+2) > a.post-tag .fa-hashtag {
  color: #1971c2;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+2) > a.post-tag:hover, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+2) > a.post-tag:focus-visible {
  border-color: #1971c2;
  color: #1971c2 !important;
  text-decoration: underline;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+2) > a.post-tag:hover .fa-hashtag, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+2) > a.post-tag:focus-visible .fa-hashtag {
  color: #1971c2;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+3) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+3) > a.post-tag .fa-hashtag {
  color: #2f9e44;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+3) > a.post-tag:hover, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+3) > a.post-tag:focus-visible {
  border-color: #2f9e44;
  color: #2f9e44 !important;
  text-decoration: underline;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+3) > a.post-tag:hover .fa-hashtag, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+3) > a.post-tag:focus-visible .fa-hashtag {
  color: #2f9e44;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+4) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+4) > a.post-tag .fa-hashtag {
  color: #d9480f;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+4) > a.post-tag:hover, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+4) > a.post-tag:focus-visible {
  border-color: #d9480f;
  color: #d9480f !important;
  text-decoration: underline;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+4) > a.post-tag:hover .fa-hashtag, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+4) > a.post-tag:focus-visible .fa-hashtag {
  color: #d9480f;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+5) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+5) > a.post-tag .fa-hashtag {
  color: #7048e8;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+5) > a.post-tag:hover, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+5) > a.post-tag:focus-visible {
  border-color: #7048e8;
  color: #7048e8 !important;
  text-decoration: underline;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+5) > a.post-tag:hover .fa-hashtag, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+5) > a.post-tag:focus-visible .fa-hashtag {
  color: #7048e8;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+6) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+6) > a.post-tag .fa-hashtag {
  color: #a61e4d;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+6) > a.post-tag:hover, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+6) > a.post-tag:focus-visible {
  border-color: #a61e4d;
  color: #a61e4d !important;
  text-decoration: underline;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+6) > a.post-tag:hover .fa-hashtag, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+6) > a.post-tag:focus-visible .fa-hashtag {
  color: #a61e4d;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+7) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+7) > a.post-tag .fa-hashtag {
  color: #087f5b;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+7) > a.post-tag:hover, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+7) > a.post-tag:focus-visible {
  border-color: #087f5b;
  color: #087f5b !important;
  text-decoration: underline;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+7) > a.post-tag:hover .fa-hashtag, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+7) > a.post-tag:focus-visible .fa-hashtag {
  color: #087f5b;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+8) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+8) > a.post-tag .fa-hashtag {
  color: #5c940d;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+8) > a.post-tag:hover, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+8) > a.post-tag:focus-visible {
  border-color: #5c940d;
  color: #5c940d !important;
  text-decoration: underline;
}
[data-bs-theme=light] ul.post-tags > li:nth-child(8n+8) > a.post-tag:hover .fa-hashtag, [data-bs-theme=light] ul.post-tags > li:nth-child(8n+8) > a.post-tag:focus-visible .fa-hashtag {
  color: #5c940d;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+1) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+1) > a.post-tag .fa-hashtag {
  color: #ff6b6b;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+1) > a.post-tag:hover, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+1) > a.post-tag:focus-visible {
  border-color: #ff6b6b;
  color: #ff6b6b !important;
  text-decoration: underline;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+1) > a.post-tag:hover .fa-hashtag, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+1) > a.post-tag:focus-visible .fa-hashtag {
  color: #ff6b6b;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+2) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+2) > a.post-tag .fa-hashtag {
  color: #4dabf7;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+2) > a.post-tag:hover, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+2) > a.post-tag:focus-visible {
  border-color: #4dabf7;
  color: #4dabf7 !important;
  text-decoration: underline;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+2) > a.post-tag:hover .fa-hashtag, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+2) > a.post-tag:focus-visible .fa-hashtag {
  color: #4dabf7;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+3) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+3) > a.post-tag .fa-hashtag {
  color: #51cf66;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+3) > a.post-tag:hover, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+3) > a.post-tag:focus-visible {
  border-color: #51cf66;
  color: #51cf66 !important;
  text-decoration: underline;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+3) > a.post-tag:hover .fa-hashtag, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+3) > a.post-tag:focus-visible .fa-hashtag {
  color: #51cf66;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+4) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+4) > a.post-tag .fa-hashtag {
  color: #ffa94d;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+4) > a.post-tag:hover, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+4) > a.post-tag:focus-visible {
  border-color: #ffa94d;
  color: #ffa94d !important;
  text-decoration: underline;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+4) > a.post-tag:hover .fa-hashtag, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+4) > a.post-tag:focus-visible .fa-hashtag {
  color: #ffa94d;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+5) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+5) > a.post-tag .fa-hashtag {
  color: #845ef7;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+5) > a.post-tag:hover, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+5) > a.post-tag:focus-visible {
  border-color: #845ef7;
  color: #845ef7 !important;
  text-decoration: underline;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+5) > a.post-tag:hover .fa-hashtag, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+5) > a.post-tag:focus-visible .fa-hashtag {
  color: #845ef7;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+6) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+6) > a.post-tag .fa-hashtag {
  color: #f783ac;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+6) > a.post-tag:hover, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+6) > a.post-tag:focus-visible {
  border-color: #f783ac;
  color: #f783ac !important;
  text-decoration: underline;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+6) > a.post-tag:hover .fa-hashtag, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+6) > a.post-tag:focus-visible .fa-hashtag {
  color: #f783ac;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+7) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+7) > a.post-tag .fa-hashtag {
  color: #63e6be;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+7) > a.post-tag:hover, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+7) > a.post-tag:focus-visible {
  border-color: #63e6be;
  color: #63e6be !important;
  text-decoration: underline;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+7) > a.post-tag:hover .fa-hashtag, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+7) > a.post-tag:focus-visible .fa-hashtag {
  color: #63e6be;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+8) > a.post-tag {
  color: inherit;
  border: 1px solid var(--bs-border-color);
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+8) > a.post-tag .fa-hashtag {
  color: #c0eb75;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+8) > a.post-tag:hover, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+8) > a.post-tag:focus-visible {
  border-color: #c0eb75;
  color: #c0eb75 !important;
  text-decoration: underline;
}
[data-bs-theme=dark] ul.post-tags > li:nth-child(8n+8) > a.post-tag:hover .fa-hashtag, [data-bs-theme=dark] ul.post-tags > li:nth-child(8n+8) > a.post-tag:focus-visible .fa-hashtag {
  color: #c0eb75;
}