:root { --color-bg: #1A3668; --color-text-main: #eaebed; --color-primary: #00B4DF; --color-secondary: #8B92AB; --wrapper-height: 85vh; --image-max-width: 320px; --font-family: "Source Sans Pro"; --font-family-header: "DIN Pro"; }  * { box-sizing: border-box; color: inherit; } [hidden] { display: none !important; } button { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, .button { cursor: pointer; border-radius: 0.25rem; border: 1px solid white; background: transparent; box-shadow: 0 0 20px black; transition: background 500ms; padding: 1px 6px; }   @font-face { font-family: 'DIN Pro'; font-style: bold; src: url("/IMSAband/public/D-DIN-PRO-700-Bold.otf") format("opentype"); font-display: swap; }  .footer { padding: 40px 0; width: 100%; text-align: center; } .footer a:link, .footer a:visited { font-family: var(--font-family), sans-serif; font-style: normal; font-weight: normal; font-size: 1.1rem; color: #000; text-decoration: none; border-style: none; } .footer a:hover { background: var(--color-primary); }   body, html { padding: 0; margin: 0; } body { font-family: var(--font-family), sans-serif; background-color: var(--color-bg); color: var(--color-text-main); overflow: overlay; } .wrapper { min-height: var(--wrapper-height); place-items: center; margin: 3rem 2rem; } .content { display: flex; flex-direction: column; max-width: 900px; }  p { margin: 0 0 1rem 0; line-height: 1.5 !important; font-size: 1rem; } h1, h2, h3 { margin: 2rem 0 .8rem; font-family: var(--font-family-header), sans-serif; font-weight: 600; line-height: 1.1; color: var(--color-text-main); } h1 { margin-top: 1rem; margin-bottom: 1.75rem; font-size: 5rem; } h2 { font-size: 4rem; } h3 { font-size: 2rem; } ul > li { line-height: 1.5; font-size: 1rem; } ul { padding: 0 0 0 18px; margin: 0; } ul.reset { list-style-type: none; }  a { text-decoration: none; } .content a { border-bottom: 6px solid var(--color-primary); transition: background 0.2s linear; } .content a:hover { background: var(--color-primary); }   .skip-to-content { background: #e77e23; height: 30px; top: -1px; left: 50%; padding: 8px; position: absolute; transform: translateY(-100%); transition: transform 0.3s; z-index: 99999; } .skip-to-content:focus { transform: translateY(0%); }  details { width: fit-content; } .perfect-center { display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; }  .parallax-container { height: 14rem; width: 100vw; clip-path: inset(0); overflow: hidden; } .parallax { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; object-fit: cover; width: 100vw; height: 100vh; } .hero {  background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .hero-sm { width: 100vw; height: 14rem!important; }  ::-webkit-scrollbar { width: 1em; }  ::-webkit-scrollbar-track { background: transparent; }  ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.65); }  ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.8); }  @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-collapse { display: flex!important; flex-basis: auto; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md .navbar-toggler { display: none; } } .navbar { position: fixed; top: 0; left: 0; width: 97vw; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; z-index: 1; background: rgba(0, 0,0, 0.5); width: 100vw; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; transition: box-shadow .15s ease-in-out; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .nav-link { display: block; padding: 0.5rem 1rem; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; color: var(--color-text-main); font-size: 15pt; } .collapse:not(.show) { display: none; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; line-height: normal; } .social { display: flex; } .social img { height: 1em; } .social a { display: flex; justify-content: center; align-items: center; }