/*
Font: "Neon Glow" by weknow
(https://www.fontspace.com/neon-glow-font-f14014)
*/
@font-face {
}
* {
box-sizing: inherit;
margin: 0;
padding: 0;
}
html {
background-color: #101010;
box-sizing: border-box;
}
main {
align-items: center;
display: flex;
justify-content: center;
min-height: 100vh;
}
#gasses {
display: flex;
flex-wrap: wrap;
justify-content: center;
> * {
margin: 2rem;
}
}
.gas {
--blur: 1.75rem;
--box-blur: calc(0.5 * var(--blur));
--glow: var(--color);
--size: 12rem;
align-items: center;
border-radius: 12px;
border: 4px solid currentColor;
box-shadow:
/* --- "glass" tube --- */
/* inside */ inset 0 0 0 2px rgba(0, 0, 0, 0.15),
/* outside */ 0 0 0 2px rgba(0, 0, 0, 0.15),
/* --- glow --- */
/* inside */ inset 0 0 var(--box-blur) var(--glow),
/* outside */ 0 0 var(--box-blur) var(--glow);
color: var(--color, white);
display: inline-flex;
flex-direction: column;
font-family: system-ui, sans-serif;
height: var(--size);
justify-content: space-around;
padding: 1rem;
width: var(--size);
&.he { --color: #FCEAAC; filter: saturate(175%); }
&.ne { --color: #FDA802; filter: brightness(110%); }
&.ar { --color: #E555C7; filter: brightness(125%); }
&.kr { --color: #B7E7F7; filter: saturate(200%); }
&.xe { --color: #C4C4C6; filter: brightness(105%); }
}
| 1984 | |
| 1992/93 | | | 1993/94 | | | 1994/95 to 1995/96 | | | 1996/97 to 1998/99 | | | 1999/00 to 2000/01 | | | 2001/02 to 2002/03 | | | 2002/03 to 2003/04 | | | 2003/04 to 2004/05 | | | 2005/06 | | | 2006/07 | | | 2007/08 | | | 2008/09 to 2010/11 | | | 2011/12 to 2013/14 | | | 2013/14 to 2014/15 | | | | | | 2014/15 to 2017/18 | | | 2015 | | | 2018/19 | | | 2019/20 | | | 2020/21 | |
|
Key - Born - Deceased
| |
- Player - Manager - Director
| |
- Participation - Title - Award - Historical landmark
|
|