.sparkctf-intro {
  overflow: hidden;
  position: relative;
}

.sparkctf-bg {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  display:block;
  width:100%; 
  height:100%;
  object-fit: cover;
}

.sparkctf-logo {
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  display:block;
  width:100%; 
  height:100%;
  object-fit: cover;
}




.sparkctf-intro-content {
  position: relative;
}


#editions {
  background-color: #070d22;
  padding: 2%;
  color:white;
}

#rankings {
  color:#01ACE2;
}

.sponsors {
  background-color:white;
  border: 3px solid #01ACE2;
  border-radius: 1px;
}

.edition {
  padding: 1%;
  background-color: transparent;
  border: 1px solid #01ACE2;
  border-radius: 1rem;
}

.edition_title {
  color:#01ACE2;
  font-weight: 900;
}

.edition_date {
  font-weight: 400;
}

.edition_desc{
  font-weight: 400;
}

.btn-collapse {
  background-color: transparent !important;
  border: none !important;
  padding: 0.5rem;
}

.btn-collapse .bi {
  color: #fff;
  font-size: 1.2rem;
  transition: all 0.3s ease;
}

.btn-collapse[aria-expanded="true"] .bi {
  transform: rotate(180deg);
}