html {
 scroll-padding-top: 5rem;
}
body {
 animation: fadeIn 1s;
}
img {
 width: 100%;
}
.navbar {
 padding-block: 0;
}
@keyframes fadeIn {
 from {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}
section {
 margin-block: 6rem;
}
.about {
 background-image: url(../images/DSC09950.png);
 background-size: cover;
 background-position: bottom;
}
.about > div {
 min-height: 30rem;
}
.hero,
.results {
 max-width: 64rem;
 margin-inline: auto;
}
.bg__hero-container {
 overflow: clip;
 margin-top: 0;
}
.bg__hero-img {
 height: min(28vh, 32rem);
 background-image: url("../images/DSC08985.png");
 background-position: bottom 33% right 0%;
 background-size: cover;
}
.results {
 max-width: 64rem;
 margin-inline: auto;
 margin-block: 6rem;
}
.competition__schedule {
 background-image: url("../images/e8ab61e8-467d-41cc-91d4-ec738fd898c3.png");
 background-position: bottom 13% right 35%;
}
.competition__schedule > div {
 max-width: 38rem;
}

.link {
 font-weight: 500;
 text-underline-offset: 0.375em;
 text-decoration: none;
}
.btn {
 font-weight: 500;
}
figure {
 margin: 0;
}
figure > img {
 object-fit: cover;
}
.card-footer {
 margin-top: auto;
}
.bg__accent-color {
 background-color: #ffc107;
}