@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Varsity Collage';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Varsity Collage.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Super Energy';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Super-Energy.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Simple Minimalist';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Simple-Minimalist.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Milky Bright Personal';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/MilkyBrightPersonalUseOnly-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hemiqa';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Hemiqa.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'CS Agnes Regular';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/CSAgnes-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Clorise Extrude Right';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Clorise-ExtrudeRight_demo.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Century Glamour';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/CenturyGlamour.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Paradise Silhouette';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/ParadiseSilhouette.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Brendie Rounded Regular';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/BrendieRounded-Regular_demo.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Vogue Moderne';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/VogueModerne.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Special February';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Special February.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roby Evano Demo Regular';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/RobyEvanoDemoRegular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mirage Stellar';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/MirageStellar.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Gearhart Demo Regular';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/GearhartDemoRegular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Classical Prime Regular';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/ClassicalPrime-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Classical Prime Italic';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/ClassicalPrime-Italic.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chocolate Valentine';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Chocolate Valentine.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Brielle Jordyn Demo Regular';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/BrielleJordynDemoRegular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bolmand Regular';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Bolmand-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bolmand Outline';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Bolmand-Outline.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bolmand Oblique';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Bolmand-Oblique.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bolmand Signature Demo';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Bolmand Signature_Demo.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barnola-Regular';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Barnola-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Sarabun-Thin.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'MuseoModerno-Light';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/MuseoModerno-Light.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/DancingScript-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Pacifico-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'LuckiestGuy-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/LuckiestGuy-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PlaypenSans-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/PlaypenSans-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Englebert';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Englebert-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Handlee';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Handlee-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'TitanOne-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/TitanOne-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Aclonica-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Aclonica-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mansalva';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Mansalva-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'FingerPaint-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/FingerPaint-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Monoton-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Monoton-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'AbrilFatface-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/AbrilFatface-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'BethEllen-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/BethEllen-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'CaesarDressing-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/CaesarDressing-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'AlfaSlabOne-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/AlfaSlabOne-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barrio-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Barrio-Regular.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'MuseoModerno-BlackItalic';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/MuseoModerno-BlackItalic.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.btn-light {
  border:none;
}
a.nav-link.nav-link--es-user-login {
  color: white;
  border-radius: 50px;
  font-weight: 600;
  background-color: #df0a2f;
  padding: .5rem 1rem;
  text-decoration: none;
}
#block-views-block-themes-gratis-responsivos-block-1 .row.p-lg-5.text-align-center {
  display: none;
}
.node__content {
  margin-top: 0;
}

/* Logo */
.navbar-brand img {
  width: 200px;
}

a.btn.btn-primary.ext {
  color: #fff;
  border-radius: 25px;
  padding: 5px 25px;
  margin: 20px auto;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* Gif Animado */
#wrapping-8 img {
  width: 100%;
  height: auto;
}

.path-frontpage .card {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 10px;
  border: none;

}

/* Ordenadores y Laptops (desktops, 992px and up) */
@media (min-width: 992px){
  #block-condrupal-main-menu .dropdown-menu li {
    background: #055a8e;
  }
  #block-condrupal-search-form-wide {
    padding-top: 15px!important;
  }
  #block-condrupal-main-menu ul.dropdown-menu {
    background: #055a8e;
  }
  #block-condrupal-main-menu ul.dropdown-menu a {
    text-decoration: none;
    /*color: #0D3349;*/
    color: white;
  }
  .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {
    background: #0D3349;
    color: #fff;
  }

  #block-condrupal-main-menu .nav-link {
    color: #093149;
  }
  #block-condrupal-main-menu .nav-link.active {
    font-weight: bold;
  }

  .path-frontpage .card {
    min-height: 430px;
  }

}

.mailtoui-modal-title {
  color: #ededed!important;
}

/* Sombras */
.sombraa {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.sombrab {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.sombrac {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.sombrad {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.sombrae {
rgb(38, 57, 77) 0 px 20 px 30 px - 10 px
}
.sombraf {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
.sombrag {
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
.sombrah {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.sombrai {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
}
.sombraj {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.sombrak {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

/* Efectos Imagen */
.brightness {
  filter: brightness(0.5);
}
.dropshadow {
  filter: drop-shadow(2px 4px 6px black);
}
.grayscale {
  filter: grayscale(1);
}
.invert {
  filter: invert(1);
}
.saturate {
  filter: saturate(0.5);
}
.sepia{
  filter: sepia(1);
}
.huerotate {
  filter: hue-rotate(45deg);
}
.opacity {
  filter: opacity(0.5);
}
.blur{
  filter: blur(1px);
}
/* BG Image Filters */
.grayscale {
  filter: grayscale(1);
}
.blur_a {
  filter: blur(1px);
}
.blur_b {
  filter: blur(5px);
}
.brightness {
  filter: brightness(0.5)
}
.dropshadow {
  filter: drop-shadow(2px 4px 6px black);
}
.contrast {
  filter: contrast(0.5);
}
.huerotate {
  filter: hue-rotate(45deg);
}
.opacity {
  filter: opacity(0.5);
}
.saturate {
  filter: saturate(0.5);
}
.sepia {
  filter: sepia(1);
}
.invert {
  filter: invert(1);
}

/* HOVER BUTTON EFFECTS*/
.hover-underline {
  /*font-size: 2rem;*/
  /*color: #ffffff;*/
  position: relative;
  display: inline-block;
}

.hover-underline::after,
.hover-underline::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #ff0000, #00ffff);
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}

.hover-underline::before {
  top: -5px;
  transform-origin: left;
}

.hover-underline:hover::after,
.hover-underline:hover::before {
  transform: scaleX(1);
}

/* Rainbow */
.a{color: #E7484F}
.b{color: #F68B1D}
.c{color: #FCED00}
.d{color: #009E4F}
.e{color: #00AAC3}
.f{color:  #732982}

.rainbow{
  /*background-color: #343A40;*/
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  padding: 8px 16px;

}

.rainbow-1:hover{
  background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
  animation:slidebg 5s linear infinite;
}

.rainbow-2:hover{
  background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet, red);
  animation:slidebg 2s linear infinite;
}

.rainbow-3:hover{
  background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, red);
  animation:slidebg 2s linear infinite;
}

.rainbow-4:hover{
  background-image:     linear-gradient(
    to right,
    #E7484F,
    #F68B1D,
    #FCED00,
    #009E4F,
    #00AAC3,
    #732982
  );
  animation:slidebg 2s linear infinite;
}


.rainbow-5:hover{
  background-image:     linear-gradient(
    to right,
    #E7484F,
    #E7484F 16.65%,
    #F68B1D 16.65%,
    #F68B1D 33.3%,
    #FCED00 33.3%,
    #FCED00 49.95%,
    #009E4F 49.95%,
    #009E4F 66.6%,
    #00AAC3 66.6%,
    #00AAC3 83.25%,
    #732982 83.25%,
    #732982 100%,
    #E7484F 100%



  );
  animation:slidebg 2s linear infinite;
}


@keyframes slidebg {
  to {
    background-position:20vw;
  }
}


/* HOVER EFFECTS */
.cursor-box {
  /*width: 150px;*/
  /*height: 150px;*/
  background-color: #333;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  transition: all 0.3s ease;
  text-align: center;
  padding: 1rem;
  position: relative;
  overflow: hidden;
}

.cursor-box::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
  top: -100%;
  left: -100%;
  transition: all 0.5s ease;
}

.cursor-box:hover::before {
  top: 100%;
  left: 100%;
}
.pointer {
  cursor: pointer;
  /*background: linear-gradient(145deg, #2a2a2a, #383838);*/
  /*border: 2px solid #646cff;*/
}
.pointer:hover {
  transform: scale(1.05) rotate(2deg);
  box-shadow: 0 0 15px #646cff50;
}
.help {
  cursor: help;
  /*background: linear-gradient(145deg, #2a2a2a, #383838);*/
  /*border: 2px solid #00bcd4;*/
}
.help:hover {
  transform: scale(1.05) translateY(-5px);
  box-shadow: 0 5px 15px #00bcd450;
}
.wait {
  cursor: wait;
  /*background: linear-gradient(145deg, #2a2a2a, #383838);*/
  /*border: 2px solid #ff4081;*/
}
.wait:hover {
  animation: pulse 1.5s infinite;
}
.crosshair {
  cursor: crosshair;
  /*background: linear-gradient(145deg, #2a2a2a, #383838);*/
  /*border: 2px solid #4caf50;*/
}
.crosshair:hover {
  transform: scale(1.05);
  box-shadow: 0 0 0 5px #4caf5030;
}
.text {
  cursor: text;
  /*background: linear-gradient(145deg, #2a2a2a, #383838);*/
  /*border: 2px solid #ffc107;*/
}
.text:hover {
  transform: scale(1.05);
  letter-spacing: 2px;
}
.not-allowed {
  cursor: not-allowed;
  /*background: linear-gradient(145deg, #2a2a2a, #383838);*/
  /*border: 2px solid #f44336;*/
}
.not-allowed:hover {
  transform: scale(1.05);
  animation: shake 0.5s ease-in-out;
}
.grab {
  cursor: grab;
  /*background: linear-gradient(145deg, #2a2a2a, #383838);*/
  /*border: 2px solid #9c27b0;*/
}
.grab:hover {
  transform: scale(1.05) translateX(10px);
}
.zoom-in {
  cursor: zoom-in;
  /*background: linear-gradient(145deg, #2a2a2a, #383838);  /*background: linear-gradient(145deg, #2a2a2a, #383838);*/
  /*border: 2px solid #3f51b5;*/
}
.zoom-in:hover {
  transform: scale(1.15);
}
.cell {
  cursor: cell;
  /*background: linear-gradient(145deg, #2a2a2a, #383838);*/
  /*border: 2px solid #009688;*/
}
.cell:hover {
  transform: scale(1.05);
  clip-path: polygon(10% 0%, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%);
}
.copy {
  cursor: copy;
  /*background: linear-gradient(145deg, #2a2a2a, #383838);*/
  /*border: 2px solid #cddc39;*/
}
.copy:hover {
  transform: scale(1.05);
  box-shadow: 5px 5px 0 #cddc3950;
}
.move {
  cursor: move;
  /*background: linear-gradient(145deg, #2a2a2a, #383838);*/
  /*border: 2px solid #ff9800;*/
}
.move:hover {
  animation: moveAround 2s infinite ease-in-out;
}
.alias {
  cursor: alias;
  /*background: linear-gradient(145deg, #2a2a2a, #383838);*/
  /*border: 2px solid #e91e63;*/
}
.alias:hover {
  transform: scale(1.05) skew(-5deg);
}
@keyframes moveAround {
  0% { transform: translate(0, 0) scale(1.05); }
  25% { transform: translate(5px, -5px) scale(1.05); }
  50% { transform: translate(0, 0) scale(1.05); }
  75% { transform: translate(-5px, 5px) scale(1.05); }
  100% { transform: translate(0, 0) scale(1.05); }
}