@charset "UTF-8";
@keyframes nav-top {
  to {
    top: 0px;
  }
}
@keyframes showleft {
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
  100% {
    scale: 1;
  }
}
@keyframes showscale {
  50% {
    scale: 1.3;
    opacity: 0.5;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes rotate {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes jumper {
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes call {
  10% {
    transform: rotateZ(20deg);
  }
  30% {
    transform: rotateZ(0);
  }
  60% {
    transform: rotateZ(15deg);
  }
  70% {
    transform: rotateZ(0);
  }
  90% {
    transform: rotateZ(10deg);
  }
}
body {
  background: linear-gradient(90deg, rgb(255, 162, 229) 0%, rgb(200, 196, 234) 50%, rgb(191, 222, 255) 100%);
}

a {
  text-decoration: none;
  color: white;
  overflow: hidden;
}

header {
  background-color: #6fa5dd;
}
header .menu-right span {
  background-color: #A12665;
  color: #e9fcff;
}
header .menu-left span {
  background-color: #e9fcff;
  color: #280f91;
}

.menu-nav {
  z-index: 100;
  animation: nav-top 0.3s linear 1 forwards;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -40s);
}
.menu-nav .bar {
  background-color: white;
  cursor: pointer;
  color: #280f91;
}
.menu-nav .menu {
  background-color: white;
}
.menu-nav .menu .menu-item {
  color: #280f91;
}

.call {
  background-color: white;
  animation: call 3s infinite;
  z-index: 10;
}
.call a {
  color: #280f91;
}
.call svg {
  scale: 2;
}

.foot {
  border: 2px solid #280f91;
}

footer {
  color: #280f91;
}

.hero {
  background-image: url(../images/miasta/0każdastrona/każdastronatel/plecakkalkulatortel.avif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hero .herobg {
  background-color: rgba(255, 255, 255, 0.8);
}
.hero .herobg .heroimg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.stats {
  background-color: rgba(255, 255, 255, 0.2);
}
.stats .stats-item {
  border-right: none;
  color: #280f91;
}

.purple {
  color: #A12665;
  font-weight: bold;
}

.herobtn .herobtnitem:first-of-type {
  background-color: #280f91;
}

.herobtnitem {
  background-color: #A12665;
  box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.5);
  transition: 1s;
}

.herobtnitem:hover {
  color: white;
  scale: 0.95;
}

.secimg {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: local;
}

.graph {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

svg {
  transform: translateY(-10%);
}

/* Stylizacja okienka */
.cookie-banner {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #333;
  color: white;
  padding: 20px;
  text-align: center;
  z-index: 1000;
  font-size: 1.4rem;
}

.cookie-banner button {
  margin-left: 15px;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

.cookie-banner .accept {
  background-color: #53bba7;
  color: white;
}

.cookie-banner .decline {
  background-color: #fb899b;
  color: white;
}

@media (min-width: 992px) {
  .stats .stats-item {
    border-right: #280f91 solid 2px;
  }
  .secimg {
    background-attachment: fixed;
    background-size: 50%;
    background-position: right;
  }
  .menu img {
    cursor: pointer;
  }
}/*# sourceMappingURL=miastaall.css.map */