*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "Open Sans", sans-serif;
}
ul,
ol {
  list-style: none;
}

.root {
  background: #ffffff;
  min-height: calc(100dvh);
  position: relative;
  color: #1a1a1a;
  line-height: 1.6;
  cursor: default;
  display: flex;
  flex-direction: column;
}

.main {
  background-color: rgba(0, 0, 0, 0);
  flex: 1 1 auto;
}
.main::before {
}
.header {
  background: #2d55d1;
  top: 0;
  position: sticky;
  z-index: 10;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5);
}
.header:hover {
}
.header::before {
}
.color-red-rgb234-91-91 {
  color: rgb(234, 91, 91);
}
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  width: 100%;
}
.bg-fff {
  background-color: rgb(255, 255, 255);
}
.list-none {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.transition {
  transition: all 250ms ease-in-out;
}
.transition:hover {
}
.items-center {
  align-items: center;
}
.flex {
  display: flex;
}
.flex::before {
}
.red {
  color: rgb(255, 0, 0);
}
.shat-2 {
  color: rgb(0, 0, 0);
  border-bottom-color: rgba(255, 255, 255, 0);
}
.shat-2:hover {
  border-bottom-color: rgb(235, 229, 219);
}
.shat-2::after {
}
.shat-1 {
  display: flex;
  color: rgb(0, 0, 0);
}
.shat-1:hover {
  background-color: rgb(247, 248, 250);
}
.border-none {
  border-style: none;
}
.new-color-2 {
  color: rgb(0, 0, 0);
}
.new-color-2:hover {
}
.py-6px {
  padding-top: 6px;
  padding-bottom: 6px;
}
.justify-between {
  justify-content: space-between;
}
.justify-between:hover {
}
.flex-start {
  align-items: flex-start;
}
.grid {
  display: grid;
}
.shat-3 {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
}
.shat-3:hover {
}
.section-sport__logo {
  width: 108px;
}
.shat-12 {
  background-color: rgba(0, 0, 0, 0);
}
.shat-12:hover {
  background-color: rgba(0, 0, 0, 0);
}
.footer {
  background: #132048;
}
.shat-9 {
  color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}
.shat-9:hover {
  background-color: rgba(0, 0, 0, 0);
}
.shat-8 {
  color: rgb(4, 30, 66);
  background-color: rgba(255, 255, 255, 0);
}
.shat-8:hover {
  background-color: rgba(255, 255, 255, 0);
}
.font-bold {
  font-weight: 700;
}
.font-bold::before {
}
.gap-y-12px {
  row-gap: 12px;
}
.gap-y-12px:hover {
}
.gap-y-24px {
  row-gap: 24px;
}
.shat-10 {
  color: rgb(0, 0, 0);
}
.shat-10:hover {
  background-color: rgba(0, 0, 0, 0);
}
.new-color-17 {
  color: rgb(0, 0, 0);
}
.new-color-17:hover {
}
.shat-11 {
  color: rgb(4, 30, 66);
}
.shat-11:hover {
  color: rgb(0, 0, 0);
}
.section-sport {
  background: #f4f4f4;
  padding-top: 36px;
  padding-bottom: 36px;
}
.new-bg-2 {
  background-color: rgb(255, 0, 0);
}
.new-color-3 {
  color: rgb(0, 0, 0);
}
.new-color-3:hover {
}
.shat-7 {
  background-color: rgba(255, 255, 255, 0);
}
.shat-7:hover {
  background-color: rgb(200, 19, 160);
}
.shat-6 {
  color: rgb(40, 45, 77);
}
.shat-6:hover {
  color: rgb(21, 86, 0);
}
.new-color-6 {
  color: rgba(28, 38, 51, 0.66);
}
.py-24px {
  padding-top: 24px;
  padding-bottom: 24px;
}
.new-color-5 {
  color: rgba(28, 38, 51, 0.66);
}
.new-color-5::before {
  background: rgba(28, 38, 51, 0.66);
}
.new-color-4 {
  color: rgba(28, 38, 51, 0.66);
}
.new-color-4::before {
  border-left-color: rgb(190, 53, 53);
  border-right-color: rgba(255, 255, 255, 0);
  border-top-color: rgba(255, 255, 255, 0);
  border-bottom-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 0, 0, 0);
}
.shat-5 {
  background: rgba(40, 45, 77, 0.85);
  color: rgb(255, 255, 255);
}
.shat-5:hover {
  box-shadow: 0px 4px 8px 0px rgba(130, 130, 130, 0.4);
  transform: scale(1.03);
}
.shat-5::before {
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 20px;
  border-left-color: rgb(255, 255, 255);
  border-bottom-color: rgba(255, 255, 255, 0);
  border-top-color: rgba(255, 255, 255, 0);
  content: "";
  border-right-color: rgba(255, 255, 255, 0);
}
.new-color-7 {
  color: rgba(0, 0, 0, 0);
}
.shat-16 {
  background-color: rgba(255, 255, 255, 0);
  color: rgba(28, 38, 51, 0.66);
  margin-left: auto;
  margin-right: auto;
  width: 85%;
  padding-bottom: 18px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 18px;
}
.new-color-29 {
  color: rgb(40, 45, 57);
}
.new-color-29:hover {
}
.new-color-29::before {
}
.rounded-2xl {
  border-radius: 16px;
}
.rounded-2xl::before {
}
.shat-17 {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(40, 45, 77);
  font-size: 24px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.3s ease;
  margin-bottom: 0;
  line-height: 32px;
  padding-top: 18px;
}
.shat-17:hover {
  color: rgb(21, 86, 0);
}
.shat-17::before {
}
.new-bg-3 {
  background-color: rgba(0, 0, 0, 0);
}
.rounded-xl {
  fill: rgb(249, 99, 99);
  border-radius: 12px;
}
.rounded-xl::before {
}
.rounded-lg {
  border-radius: 8px;
}
.shat-18 {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
}
.shat-18:hover {
}
.row-span-4 {
  grid-row: span 4;
}
.col-span-full {
  grid-column: 1 / -1;
}
.grid-rows-1fr-auto {
  grid-template-rows: 1fr auto;
}
.grid-rows-1fr-auto:hover {
}
.shat-19 {
  background-color: rgba(255, 255, 255, 0);
  z-index: 0;
  color: rgb(34, 137, 0);
}
.shat-19:hover {
  color: rgb(21, 86, 0);
}
.auto-rows-192px {
  grid-auto-rows: 192px;
}
.hover-color-2d55d1 {
}
.hover-color-2d55d1:hover {
  color: rgb(45, 85, 209);
}
.section-video__link {
  background-color: rgba(0, 0, 0, 0);
  z-index: 0;
}
.section-video__link:hover {
}
.bg-272727 {
  background-color: rgb(39, 39, 39);
}
.py-12px {
  padding-top: 12px;
  padding-bottom: 12px;
}
.section-video__link-footer {
  color: rgb(0, 0, 0);
  background-color: rgba(255, 255, 255, 0);
  padding-top: 18px;
  padding-right: 18px;
  padding-left: 18px;
  padding-bottom: 18px;
}
.color-999 {
  color: rgb(153, 153, 153);
}
.color-green-rgb34-137-0 {
  color: rgb(34, 137, 0);
}
.bg-1f2f5f {
  background: #1f2f5f;
}
.shat-4 {
  color: rgb(255, 255, 255);
  background: rgba(40, 45, 77, 0.86);
}
.size-full {
  width: 100%;
  height: 100%;
}
.section-sport__title-h2 {
  margin-top: 0;
  color: rgb(40, 45, 77);
  font-weight: 700;
  font-size: 24px;
}
.section-sport__list {
  background-color: rgba(0, 0, 0, 0);
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(4, auto);
  column-gap: 18px;
  row-gap: 18px;
}
.section-sport__item {
  color: rgba(255, 255, 255, 0);
  text-decoration: none;
  grid-column: 1;
  grid-row: span 4;
}
.section-sport__item:hover {
  color: rgba(255, 255, 255, 0);
}
.section-sport__left-link {
  text-decoration: none;
  color: rgb(40, 45, 77);
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  transition: 0.3s ease;
  height: 100%;
}
.section-sport__left-link:hover {
  transform: scale(1.03);
  box-shadow: 5px 5px 10px 0px rgba(128, 128, 128, 0.5);
}
.section-sport__link-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-sport__link-title-h3 {
  font-size: 24px;
  font-weight: 700;
  transition: 0.3s ease;
  margin-bottom: 36px;
}
.section-sport__link-title-h3:hover {
  color: rgb(21, 86, 0);
}
.section-sport__right-link {
  display: grid;
  grid-template-columns: 33% auto;
  column-gap: 18px;
  text-decoration: none;
  transition: 0.3s ease;
}
.section-sport__right-link:hover {
  box-shadow: 5px 5px 10px 0px rgba(128, 128, 128, 0.5);
  transform: scale(1.03);
}
.section-sport__right-link__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-sport__right-link__title-h4 {
  font-size: 18px;
  line-height: normal;
  color: rgb(40, 45, 77);
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  margin-top: 0;
}
.section-sport__right-link__title-h4:hover {
  color: rgb(21, 86, 0);
}
.new-color-27 {
  color: rgb(0, 0, 0);
}
.new-color-30 {
  color: rgb(0, 0, 0);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 18px;
}
.shat-14 {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(40, 45, 77);
}
.shat-14:hover {
  color: rgb(0, 0, 0);
}
.new-color-28 {
  color: rgb(34, 137, 0);
}
.new-color-28:hover {
}
.shat-20 {
  background-color: rgb(255, 255, 255);
}
.shat-20:hover {
}
.shat-21 {
  grid-column: 3;
  grid-row: 1;
  background: rgba(40, 45, 77, 0.86);
  color: rgb(255, 255, 255);
  display: flex;
}
.new-bg-4 {
  background-color: rgba(0, 0, 0, 0);
}
.section-info__link__span-3 {
  background-color: rgba(255, 255, 255, 0);
}
.absolute {
  position: absolute;
}
.shat-15 {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(255, 255, 255, 0);
}
.section-link-img {
  overflow: hidden;
  display: block;
  padding-top: 18px;
  padding-bottom: 18px;
}
.section-link-img:hover {
}
.section-link-img__img {
  background-color: rgba(0, 0, 0, 0);
  transition: 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-link-img__img:hover {
  transform: scale(1.1);
}
.section-news {
  display: grid;
  grid-template-columns: auto 30%;
  column-gap: 18px;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-left: 36px;
  padding-right: 36px;
}
.section-news__main {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  padding-bottom: 100px;
}
.section-news__aside {
  padding-top: 36px;
}
.section-news__aside::before {
  position: relative;
}
.section-news__main-link {
  color: rgb(34, 137, 0);
  text-decoration: none;
  line-height: 28px;
  font-size: 18px;
  transition: 0.3s ease;
}
.section-news__main-link:hover {
  color: rgb(21, 86, 0);
}
.section-news__main-title-h1 {
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  color: rgb(40, 45, 77);
  margin-bottom: 0;
}
.section-news__main-title-h1:hover {
}
.top-37 {
  color: rgb(255, 255, 255);
  top: 37%;
}
.btn-play {
  color: rgba(28, 38, 51, 0.66);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.size-96px {
  width: 96px;
  height: 96px;
}
.size-128px {
  width: 128px;
  height: 128px;
}
.object-contain {
  object-fit: contain;
}
.flex-col {
  flex-direction: column;
}
.italic {
  font-style: italic;
}
.object-cover {
  object-fit: cover;
}
.gap-x-12px {
  column-gap: 12px;
}
.gap-x-6px {
  column-gap: 6px;
}
.gap-x-24px {
  column-gap: 24px;
}
.gap-x-36px {
  column-gap: 36px;
}
.flex-auto {
  flex: 1 1 auto;
}
.mb-0 {
  margin-bottom: 0;
}
.capitalize {
  text-transform: capitalize;
}
.color-2d55d1 {
  color: rgb(45, 85, 209);
}
.hero {
  background: linear-gradient(#0000007d, #0000007d),
    url("https://ncaa.mx/assets/img/54f7afe86c4a8fd24172dfb2dbc2071e.webp")
      no-repeat center/cover;
}
.grid-cols-2 {
  grid-template-columns: 1fr 1fr;
}
.no-underline {
  text-decoration: none;
}
.no-underline:hover {
}
.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.shat-13 {
  color: rgb(40, 45, 77);
}
.shat-13:hover {
  color: rgb(21, 86, 0);
}
.color-fff {
  color: rgb(255, 255, 255);
}
.color-fff::before {
}
.hover-filter-brightness80 {
}
.hover-filter-brightness80:hover {
  filter: brightness(80%);
}
.hover-filter-brightness80::before {
}
.py-36px {
  padding-top: 36px;
  padding-bottom: 36px;
}
.py-36px::before {
}
.px-24px {
  padding-left: 24px;
  padding-right: 24px;
}
.new-color-13 {
  color: rgba(28, 38, 51, 0.66);
}
.new-color-8 {
  color: rgb(40, 45, 77);
}
.new-color-11 {
  color: rgb(40, 45, 77);
}
.new-color-11:hover {
}
.px-12px {
  padding-right: 12px;
  padding-left: 12px;
}
.new-color-10 {
  color: rgb(170, 255, 0);
}
.yellow-card {
  color: rgba(0, 0, 0, 0);
  background-color: rgb(255, 238, 0);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 2px;
}
.border-bot-5px {
  color: rgba(255, 255, 255, 0);
  border: 5px solid #272727;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.px-6px {
  padding-right: 6px;
  padding-left: 6px;
}
.px-6px:hover {
  border-color: rgba(255, 255, 255, 0);
}
.relative {
  position: relative;
}
.relative::before {
}
.size-48px {
  width: 48px;
  height: 48px;
}
.size-48px::before {
}
.size-32px {
  width: 32px;
  height: 32px;
}
.size-32px::before {
}
.py-72px {
  padding-bottom: 72px;
  padding-top: 72px;
}
.py-72px::before {
}

.top-80px {
  color: rgba(0, 0, 0, 0);
  top: 80px;
}
.font-medium {
  font-weight: 500;
}
.color-lightegray {
  color: rgb(220, 220, 220);
}
.font-light {
  font-weight: 300;
}
.font-light::before {
  content: "";
}
.color-a3a9a9 {
  color: rgb(163, 169, 169);
}
.text-sm {
  font-size: 14px;
}
.text-4xl {
  font-size: 36px;
}
.hover-color-gray-a3a9a9 {
  color: rgb(255, 255, 255);
}
.hover-color-gray-a3a9a9:hover {
  color: rgb(163, 169, 169);
}
.gap-y-6px {
  row-gap: 6px;
}
.color-b8b8c1 {
  color: rgb(184, 184, 193);
}
.color-b8b8c1:hover {
  opacity: 0.8;
}
.h-100dvh {
  height: calc(100dvh - 72px);
}
.text-3xl {
  font-size: 30px;
}
.text-5xl {
  font-size: 48px;
}
.text-5xl:hover {
  border-bottom-color: rgba(255, 255, 255, 0);
}
.red-card {
  color: rgba(0, 0, 0, 0);
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 2px;
  background-color: rgb(255, 0, 0);
}
.new-color-24 {
  color: rgb(40, 45, 77);
}
.new-color-24:hover {
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.hover-opacity-0 {
  color: rgb(255, 255, 255);
  transform: i;
}
.hover-opacity-0:hover {
  filter: invert(0%);
}
.text-lg {
  font-size: 18px;
}
.text-xl {
  font-size: 20px;
}
.px-36px {
  padding-left: 36px;
  padding-right: 36px;
}
.text-base {
  font-size: 16px;
}
.text-2xl {
  font-size: 24px;
}
.bg-lg-2B51C5-5A79DB {
  background: linear-gradient(to right, #2b51c5, #5a79db);
}
.items-start {
  align-items: flex-start;
}
.font-black {
  font-weight: 900;
}
.size-64px {
  width: 64px;
  height: 64px;
}
.new-color-19 {
  color: rgb(57, 57, 57);
}
.new-color-22 {
  color: rgb(4, 30, 66);
}
.yellow {
  color: rgb(248, 252, 0);
}
.yellow:hover {
}
.gap-y-36px {
  row-gap: 36px;
}
.uppercase {
  text-transform: uppercase;
}
.uppercase::before {
}
.col-span-2 {
  grid-column: span 2;
}
.pb-12px {
  padding-bottom: 12px;
}
.border-bottom-1px {
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
}
.border-color-353939 {
  border-color: rgb(53, 57, 57);
}
.bg-color-0 {
  background-color: rgba(0, 0, 0, 0);
}
.bg-lg-226b71-40ce98 {
  background: linear-gradient(to right, #40ce98, #226b71);
}
.col-span-3 {
  grid-column: span 3;
}
.text-center {
  text-align: center;
}
.text-7xl {
  tab-size: 0;
  font-size: 72px;
}
.grid-cols-1fr-auto-1fr {
  grid-template-columns: 1fr auto 1fr;
}
.color-blue-719fff {
  color: rgb(113, 159, 255);
}
.hover-fff:hover {
  color: rgb(255, 255, 255);
}
.w-full {
  width: 100%;
}
.bg-blue-061139 {
  background: #0b1c50;
}
.opacity-05 {
  opacity: 0.5;
}
.border-bot-2px {
  border: 2px solid #1f2f5f;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.overflow-hiden {
  overflow: hidden;
}
.px-64px {
  padding-right: 64px;
  padding-left: 64px;
}
.bg-gray-2f2f2f {
  background: #2f2f2f;
}
.rounded-full {
  border-radius: 250px;
}
.hover-box-shadow:hover {
  box-shadow: 0px 10px 15px rgb(0, 0, 0);
}
.bg-lg-linear-gray {
  background: linear-gradient(to right, #272727, #2f2f2f);
}
.auto-rows-384px {
  grid-auto-rows: 384px;
}
.right-0 {
  right: 0;
}
.left-0 {
  left: 0;
}
.bottom-0 {
  bottom: 0;
}
.bg-lg-030 {
  background: linear-gradient(#00000000, #000000b0 30%);
}
.invert {
  filter: invert(100%);
}
.row-span-2 {
  grid-row: 2 span;
}
.items-end {
  align-items: flex-end;
}
.auto-rows-256px {
  grid-auto-rows: 256px;
}
.text-left {
  text-align: left;
}
.px-128px {
  padding-left: 128px;
  padding-right: 128px;
}
.h-768 {
  height: 768px;
}
.top-0 {
  top: 0;
}
.w-32 {
  width: 32%;
}
.auto-rows-240px {
  grid-auto-rows: 240px;
}
.h-512px {
  height: 512px;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
.width-15 {
  width: 15%;
}
.z-50 {
  z-index: 50;
}
.translateY-30 {
  transform: translateY(30%);
}
.translateY--30 {
  transform: translateY(-30%);
}
.h-128 {
  height: 128px;
}
.hover-scalex--10:hover {
  transform: translateY(-10%);
}
.flex-wrap {
  flex-wrap: wrap;
}
.translateY--5 {
  transform: translateY(-5%);
}
.underline {
  text-decoration: underline;
}
.sticky {
  position: sticky;
}
.bg-lg-all {
  background: linear-gradient(
    135deg,
    rgb(101 33 62) 0%,
    rgb(41 49 122) 50%,
    rgb(23 71 62) 100%
  );
}
.border-bot-1px-gray {
  border: 1px solid #dcdcdc80;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.shadow-box {
  box-shadow: 0px 0px 15px rgb(0, 0, 0);
}
/* Breadcrumbs */
.breadcrumbs {
  padding: 0;
}
.breadcrumbs-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
.breadcrumbs-list-item {
  font-weight: 600;
  text-transform: uppercase;
}
.breadcrumbs-list-item + .breadcrumbs-list-item::before {
  content: "|";
  width: 4px;
  margin: 0 12px;
  font-weight: 700;
  color: #1a1a1a;
}
.breadcrumbs-list-item-link {
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 5px 0;
  color: #1a1a1a;
}
.breadcrumbs-list-item-link:hover {
  color: #8b9a46;
}
.breadcrumbs-list-item-active {
  color: #8b9a46;
  font-weight: 600;
}
.swiper {
  width: 100%;
}
.header-link--active {
  opacity: 1;
  color: #8b9a46 !important;
}
.header-link--active::after {
  width: 100% !important;
}
.video-post .swiper-slide {
  height: auto !important;
}
.pagination {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.pagination a {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 38px;
  height: 38px;

  border: 1px solid #8b9a46;
  border-radius: 8px;

  text-decoration: none;
  color: #1a1a1a;
  font-size: 16px;

  transition: background 0.25s ease, border-color 0.25s ease;
}

.pagination a:hover {
  background: #8b9a46;
  border-color: #8b9a46;
  color: #ffffff;
}

.pagination a.active {
  background: #8b9a46;
  border-color: #8b9a46;
  font-weight: 600;
  color: #ffffff;
}

.pagination a.prev,
.pagination a.next {
  width: auto;
  padding: 0 12px;
}

@media (min-width: 1024px) {
  .video-post .swiper-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px;
    transform: none !important;
    width: 100% !important;
    height: 100% !important;
  }
}
.videos__blob {
  position: absolute;
  top: -150px;
  left: -150px;
  width: 500px;
  height: 500px;
  background-color: #8b9a46;
  opacity: 0.05;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  animation: blob 10s ease-in-out infinite reverse;
}
@keyframes blob {
  0%,
  100% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  }
  50% {
    border-radius: 70% 30% 30% 70% / 50% 70% 30% 50%;
  }
}
.news__blob {
  position: absolute;
  bottom: -100px;
  right: -100px;
  width: 400px;
  height: 400px;
  background-color: #8b9a46;
  opacity: 0.1;
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  animation: blob 8s ease-in-out infinite;
}