/*
Theme Name: Sakura
Author: Bunkyo
Description: Tema simples customizado
Version: 1.1
*/

/* Usar apenas para estilos globais */

* {
  margin: 0;
  transition: 0.3s;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.shimmer-animation {
  width: 100%;
  height: 20px;
  border-radius: 10px;
  animation:
    load-fill 2s ease-out forwards,
    shimmer 3s infinite linear;
  background: linear-gradient(to right, #ffa9ba 5%, #ee728a 25%, #ffa9ba 35%);
  background-size: 1000px 100%;
  transform-origin: left;
}

@keyframes load-fill {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@keyframes shimmer {
  from {
    background-position: -1000px 0;
  }

  to {
    background-position: 1000px 0;
  }
}