@font-face {
  font-family: 'Roboto';
  src: url('./Roboto/Roboto-Regular.ttf');
}

body,
html {
  height: 100%;
  font-family: 'Roboto', sans-serif;
}

.spinner-loading {
  margin-left: 120px;
}

.row-main-login {
  padding-top: 120px;
}

.form-login-setting {
  padding-top: 20px;
}

.hab_tam {
  width: 300px;
  margin-left: 450px;
}

.conta-img-bacgr {
  /* background-color: #490709; */
  background-image: url('../media/wallpapers4.jpg');
  /* Half height */
  /* height: 100vh; */
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1000;
  background-size: cover;
  background-repeat: no-repeat;
  /* background-size: 100%; */
  /* transform: scale(1.4); */
  /* filter: blur(1px); */
  /* Center and scale the image nicely */

  /* animation: background_zoom 80s infinite linear;
  animation-name: background_zoom;
  animation-duration: 80s;
  animation-timing-function: linear;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: paused; */
}

@-webkit-keyframes background_zoom {
  0% {
    transform: scale(1) rotate(0deg)
  }

  50% {
    transform: scale(1.4) rotate(0.3deg)
  }

  100% {
    transform: scale(1) rotate(0deg)
  }
}

@keyframes background_zoom {
  0% {
    transform: scale(1.2) rotate(0deg)
  }

  50% {
    transform: scale(1.4) rotate(0.3deg)
  }

  100% {
    transform: scale(1.2) rotate(0deg)
  }
}

.opccid-frm-login {
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/opacity/see-through */
}

.logo-deporte-de-reyes {
  width: 80%;
  height: 80%;
}

.frm-login {
  background: #ffffff33;
  border-radius: 10px;
}