@import url("https://fonts.googleapis.com/css2?family=Karla:wght@300;400;700;800&display=swap");
.admin-panel {
  margin-top: 50px;
  padding: 50px 0;
  box-shadow: 2px 2px 10px #666;
}
.admin-panel h1 {
  font-size: calc(1.5rem + 1vw);
}

.admin-mantenedor-panel {
  margin-top: 50px;
}
.admin-mantenedor-panel h1 {
  font-size: calc(1.5rem + 1vw);
}
.admin-mantenedor-panel p {
  font-size: calc(0.5rem + 1vw);
}

.admin-panel__title {
  margin-bottom: 50px;
}

.admin-panel__body__box {
  text-align: center;
  height: 100px;
  background-color: #4D4D4D;
  transition: all linear 0.3s;
  box-shadow: 2px 2px 10px #666;
}
.admin-panel__body__box p {
  font-size: calc(0.5rem + 1vw);
  position: absolute;
  top: 30px;
  transform: translate(-50%, 0%);
  color: #FFF;
}

.admin-panel__body__box:hover {
  text-align: center;
  height: 100px;
  background-color: #FF4A01;
  box-shadow: 2px 2px 10px #666;
}
.admin-panel__body__box:hover p {
  font-size: calc(0.5rem + 1vw);
  position: absolute;
  top: 30px;
  transform: translate(-50%, 0%);
  color: #FFF;
}

.admin-sesion__close-sesion {
  margin-top: 50px;
}
.admin-sesion__close-sesion a {
  text-decoration: none;
}

/*# sourceMappingURL=admin.css.map */