:root{--color-foreground: hsl(0, 0%, 97%);--color-background: hsl(0, 0%, 9%);--color-accent-primary: hsl(226, 100%, 42%);--color-accent-secondary: hsl(0, 97%, 42%);--color-links: hsl(213, 100%, 52%);--color-links-hover: hsl(213, 100%, 43%);--color-border: hsl(0, 0%, 82%);--color-error: hsl(0, 71%, 50%);--font-body: "Open Sans", sans-serif;--font-heading: "Bakbak One", sans-serif}body{background:var(--color-background);color:var(--color-foreground);font-family:var(--font-body)}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{font-family:var(--font-heading)}h1,.h1{font-size:3rem}h2,.h2{font-size:2.5rem}@media screen and (max-width: 500px){h1,.h1{font-size:2.2rem}h2,.h2{font-size:2rem}}a{color:var(--color-foreground)}a.button{text-decoration:none}.text-center{text-align:center}.flex{display:flex}@media screen and (max-width: 500px){.flex-column-mobile{flex-direction:column}}.space-right{margin-right:1rem}button,.button{background:var(--color-accent-primary);border:none;font-family:var(--font-heading);font-size:1.2rem;padding:.5rem 1rem;border-radius:5px;color:var(--color-foreground);box-shadow:var(--color-accent-secondary) 3px 3px;cursor:pointer}button:disabled{opacity:.7}button.secondary{background:var(--color-foreground);color:var(--color-background)}button.plain{color:var(--color-foreground);background:none;border:none;padding:0;box-shadow:none;text-decoration:underline;font-family:var(--font-body);font-size:1rem;border-radius:none}.button-group{width:100%;display:flex;justify-content:flex-end}.form-group{width:100%;display:flex;gap:1rem;justify-content:space-between}.form-groups{display:flex;flex-direction:column;gap:1rem}@media screen and (max-width: 500px){.form-group{flex-direction:column}}.empty-state{text-align:center}.vertically-spaced{display:flex;flex-direction:column;align-items:center;gap:.8rem}.visuallyHidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Layout{min-height:100%;width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;padding:0 1rem}.Layout header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.Layout .logo{font-family:var(--font-heading);font-size:4rem;text-decoration:none;text-shadow:var(--color-accent-secondary) 3px 3px,var(--color-accent-primary) 6px 6px}.Layout nav a{font-family:var(--font-heading);font-size:1.8rem;margin-left:1rem;color:var(--color-foreground)}@media screen and (min-width: 500px){.mobile-nav-toggle{display:none}}@media screen and (max-width: 500px){.Layout header{flex-direction:row;justify-content:space-between}.Layout .logo{font-size:2.1rem}.Layout nav{position:absolute;top:-350px;left:0;width:100%;background:var(--color-background);box-shadow:3px 3px #73737347;display:flex;gap:1rem;flex-direction:column;align-items:center;padding:1rem;transition:all .2s cubic-bezier(.075,.82,.165,1)}.Layout .mobile-nav-toggle span{transform:rotate(45deg)}.Layout nav.mobile-nav--open{top:0}.Layout nav a{margin-left:0}}.Footer{text-align:center;padding:1rem}.card{background:#73737347;padding:1rem;margin-bottom:1rem;border-radius:15px;box-shadow:3px 3px var(--color-foreground);overflow:hidden}.card--full{padding:0}.TextField{display:block;width:100%}.TextField label{width:100%}.TextField input{display:block;width:100%;color:var(--color-foreground);background:#a6a6a6b3;border-radius:5px;border:none;padding:.5rem 1rem}.TextField--error{color:var(--color-error)}.Select{width:100%}.Select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;background:#a6a6a6b3;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);background-repeat:no-repeat,repeat;background-position:right .7em top 50%;background-size:.65em auto;border:none;border-radius:5px;padding:.5rem 2rem .5rem 1rem;color:var(--color-foreground)}.GameCard__matchup{width:100%;display:flex}.GameCard__team{width:100%;text-align:center;font-family:var(--font-heading);font-size:3rem;padding:1rem;min-height:150px;display:flex;flex-direction:column;justify-content:center}.GameCard__team p{line-height:1}.GameCard__pick{padding:1rem}.GameFilter{display:flex;gap:1rem;justify-content:flex-end;padding-bottom:1rem}.GameFilter .Select{width:inherit}@media screen and (max-width: 600px){.GameFilter .Select{width:100%}}.PickForm{width:100%;display:flex;justify-content:space-around}.icon-with-text{display:flex;align-items:center;justify-content:center}.icon-with-text svg{margin:.5rem}table{width:100%;border-collapse:collapse;overflow:scroll;margin-right:1rem}td,th{padding:.6rem;border:1px solid hsl(0,0%,81%);white-space:nowrap}tr:hover{background:#73737359}th{text-align:left;background-color:#73737347}tr:nth-child(odd) td{background-color:#73737347}table a{text-decoration:none}.HeadingWithAction{display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem}.PicksList{display:flex;gap:2rem;width:100%;align-items:flex-start}.PicksList ul{list-style-type:none;width:50%;padding:0;display:flex;flex-wrap:wrap}.PicksList li{font-size:.8rem;margin-right:.5rem}.away-picks{justify-content:flex-end}.away-picks li{margin-right:0;margin-left:.5rem}.signup-link{margin-top:1rem}.account-form{max-width:500px;margin:0 auto}.login-link{margin-top:1rem}.game-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:1rem;grid-row-gap:0px}.game-list-superbowl{grid-template-columns:1fr 2fr 1fr}.game-list-superbowl .GameCard{grid-column:2}@media screen and (max-width: 500px){.game-list{display:block}}.TieBreakerCard{grid-column:2;display:flex;flex-direction:column;gap:1rem}.TieBreakerCard--form{display:flex;justify-content:center;align-items:flex-end;gap:1rem}.AdminHeading{display:flex;justify-content:space-between;align-items:center}.leaderboard-legend{width:100%;margin-bottom:.8rem}.scroll{overflow:scroll}.scroll::-webkit-scrollbar{width:0px}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background-color:transparent;border-radius:20px;border:none}.scroll{scrollbar-width:thin;scrollbar-color:transparent transparent}.ConfettiToggle{position:fixed;bottom:50px;left:50%;transform:translate(-50%);z-index:100}