/* ==========================================================================
   MURCIA INTELLIGENT COMMUNITY - work
   Generado al extraer los estilos en linea del HTML. Cada clase es un
   bloque de declaraciones completo; las clases no se solapan entre si.
   ========================================================================== */

.work-1 {
  color:#3FBACA;
}

.work-2 {
  margin:0 0 18px;
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#3FBACA;
}

.work-3 {
  margin:20px 0 0;
  max-width:48ch;
  font-family:'IBM Plex Mono',monospace;
  font-size:clamp(11px,1.05vw,12px);
  line-height:1.7;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#8FB0B4;
  border-left:2px solid rgba(63,186,202,.6);
  padding-left:16px;
}

.work-4 {
  position:absolute;
  top:-40%;
  right:-14%;
  width:64vw;
  height:64vw;
  max-width:820px;
  max-height:820px;
  z-index:0;
  background:conic-gradient(from 0deg,rgba(63,186,202,0),rgba(63,186,202,.16),rgba(109,190,69,.08),rgba(63,186,202,0));
  border-radius:50%;
  filter:blur(50px);
  animation:haloSpin 44s linear infinite;
  pointer-events:none;
}

.work-5 {
  position:absolute;
  top:0;
  bottom:0;
  background:linear-gradient(180deg,rgba(63,186,202,.15),rgba(109,190,69,.08));
  border-left:2px solid #0E8DAE;
  transition:left .65s cubic-bezier(.65,0,.2,1),width .65s cubic-bezier(.65,0,.2,1);
  pointer-events:none;
  z-index:0;
}