body {
  font-family: 'sansationregular', sans-serif;
  background-image: url(../images/praktycy-sprzedazy-background-image.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
}

.container {
  max-width: 1024px;
  /* lub 1024px, w zależności od preferencji */
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

header .header {
  margin-top: 30px;
}

header .header .logo img {
  margin-left: -26px;
  max-width: 140px;
}

.icon-list li{
  transition: transform ease 300ms;
}
.icon-list li:hover {
  transform: translate(0, -5px);
}

.content {
  margin-top:  20px;
}
.content p,
footer span{
  font-size: 1.1rem;
  color: #ffffff;
  line-height: 2rem;
}
.content p a{
  text-decoration: none;
  color:  #0590a1;
  transition: 0.3s;
}
.content p a:hover,
.content p a:focus{
  color:  #10c6dc;
  text-decoration: none;
}

.progressbar {
    margin-top: 60px;
}

.progressbar p,
#status-count,
.status-procent {
  font-size: 1.2rem;
  color: #ffffff;
  line-height: 2rem;
  text-transform: uppercase;  
}

#status-count {
  text-align:  right;
}

.progress {
  --bs-progress-bg: #323232;
  --bs-progress-border-radius: 0rem;
}

.progress-bar {
  width: 0%;
  animation: progress-bar 1s linear forwards;
  background-color: #FF0000;
}

@keyframes progress-bar {
  100% {
    width:  30%;
  }
}

footer {
  margin: 20px 0 0 0;
}

.btn {
  --bs-btn-padding-x: 1.7rem;
  --bs-btn-padding-y: 0rem;
  --bs-btn-border-width: 1px;
  --bs-btn-border-radius: 0rem;
  font-size: 1.2rem;
}

.btn-sprawdz {
  --bs-btn-color: #fff;
  --bs-btn-bg: #FF0000;
  --bs-btn-border-color: #FF0000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #98221d;
  --bs-btn-hover-border-color: #98221d;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #FF0000;
  --bs-btn-active-border-color: #FF0000;
}