:root {
--bs-primary: #e31e24;
--bs-secondary: #90312c;
--bs-third: #6e2423;
--bs-fourth: #6f6f6f;
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6f6f6f;
--bs-gray-dark: #5c5c5c;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #d3cccc;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #d3cccc;
}



body {
  /* margin-bottom: 320px; */
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background-color: var(--bs-dark);
  color: var(--bs-light);
  background-image: url(https://s3.fr-par.scw.cloud/GlasgowDevils.svg);
}

/* .row {
} */


main {
  flex: 1
}


.row {
  padding: 2%;
}

.footer {
  /* position: absolute; */
  left: 0;
  bottom: 0;
  margin-top: auto;
  /* margin-left: 10%; */
  width: 100%;
  /* height: 300px; */
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, p {
  margin-left: 15px;
  color: var(--bs-light)
}

a {
  color: var(--bs-primary);
}

.navbar-nav {
  background-color: var(--bs-body-color);
}


img#hoopfreakz-img {
  width: 300px;
  height: auto;
  padding: 2px;
}

.centered-header {
  text-align: center;
  color: var(--bs-light);
  background-color: var(--bs-red);
  margin: 10px;
}

.member-card {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
  background-color: var(--bs-gray-700);
  color: var(--bs-light)
}

.member-card:hover {
  background: -webkit-linear-gradient(var(--bs-primary) 34%, var(--bs-gray-700) 66%);
  background: -o-linear-gradient(var(--bs-primary) 34%, var(--bs-gray-700) 66%);
  background: -moz-linear-gradient(var(--bs-primary) 34%, var(--bs-gray-700) 66%);
  background: linear-gradient(var(--bs-primary) 34%, var(--bs-gray-700) 66%);
}

.nav-item {
  border-radius: 0.3%;

  background-color: var(--bs-gray-800);
  color: var(--bs-light);
}

.nav-link {
  background-color: var(--bs-gray-800);
  border-radius: 0.3%;
  color: var(--bs-light);
}

.card {
  margin-top: 15px;
  margin-bottom: 15px;

  background-color: var(--bs-gray-700);
  color: var(--bs-light)
}

.list-group, .list-group-flush, .list-group-item {
  background-color: var(--bs-gray-700);
  color: var(--bs-light)
}

.list-group-item > a {
  color: #e77e78;
}

/* Animation Stuffs */

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
} 

/* Footer */

body {
  padding-top: 20px;
  /* padding-bottom: 40px; */
}

textarea {
  resize: none;
}

.text {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
white-space: nowrap;
}

.svg-inline--fa {
vertical-align: -0.200em;
}

.rounded-social-buttons {
text-align: center;
}

.rounded-social-buttons .social-button {
display: inline-block;
position: relative;
cursor: pointer;
width: 3.125rem;
height: 3.125rem;
border: 0.125rem solid transparent;
padding: 0;
text-decoration: none;
text-align: center;
color: #fefefe;
font-size: 1.5625rem;
font-weight: normal;
line-height: 2em;
border-radius: 1.6875rem;
transition: all 0.5s ease;
margin-right: 0.25rem;
margin-bottom: 0.15rem;
}

.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
-webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
        transform: rotate(360deg);
}

.rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {
font-size: 25px;
}

.rounded-social-buttons .social-button.facebook {
background: #3b5998;
}

.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
color: #3b5998;
background: #fefefe;
border-color: #3b5998;
}

.rounded-social-buttons .social-button.twitter {
background: #55acee;
}

.rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
color: #55acee;
background: #fefefe;
border-color: #55acee;
}

.rounded-social-buttons .social-button.linkedin {
background: #007bb5;
}

.rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
color: #007bb5;
background: #fefefe;
border-color: #007bb5;
}

.rounded-social-buttons .social-button.youtube {
background: #bb0000;
}

.rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
color: #bb0000;
background: #fefefe;
border-color: #bb0000;
}

.rounded-social-buttons .social-button.instagram {
background: #125688;
}

.rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
color: #125688;
background: #fefefe;
border-color: #125688;
}

.jumbotron {
  background-color: #502323;
  color: --var(--bs-light);
}