html {
scroll-behavior: smooth;
}
a {
color:#a35524;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
a:hover {
color:#000;
}
header {
color: #fff;
background: #000000;
background: linear-gradient(139deg, rgb(0 0 0 / 90%) 0%, rgb(139 82 3 / 10%) 100%), url(/images/basketball-on-the-court.jpg) center, url(./images/basketball-on-the-court.jpg) center;
background-size: cover;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
}
.btn-custom-01 {
 --bs-btn-color: #fff;
 --bs-btn-bg: #874401;
 --bs-btn-border-color: #bbb3ab;
 --bs-btn-hover-color: #fff;
 --bs-btn-hover-bg: #0b5ed7;
 --bs-btn-hover-border-color #0a58ca: #0a58ca;
 --bs-btn-focus-shadow-rgb: 49, 132, 253;
 --bs-btn-active-color: #fff;
 --bs-btn-active-bg: #0a58ca;
 --bs-btn-active-border-color: #0a53be;
 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color: #fff;
 --bs-btn-disabled-bg: #874401;
 --bs-btn-disabled-border-color: #874401;
}
a.btn.btn-custom-01:hover {
color: #000;
background-color:#FFFFFF;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.custom-hr {
border-bottom: 1px solid #666666;
height:3px;
}
.alert {
padding: 2rem 2.5rem;
}
.alert-light {
color:#FFFFFF;
background-color: #9595958a;
margin: 2rem 0 7rem 0;
}
@media only screen and (max-width: 991px) {
.alert-light {
margin:1rem;
}
}
.alert-light h1, .alert-light h2 {
filter: drop-shadow(2px 2px 1px #1a1a1a);
}
footer {
color:#FFFFFF;
background-color:#874401;
padding:1.5rem 0;
}