@import url("https://fonts.googleapis.com/css2?family=Abel&family=Audiowide&family=Averia+Sans+Libre&family=Hedvig+Letters+Serif:opsz@12..24&family=Nova+Mono&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Mono&family=Roboto+Slab&family=Silkscreen&family=Quicksand:wght@300..700&display=swap");
.bg-pink {
  background-color: #ff00bf;
  --outerColor: #ff00bf;
  --innerColor: #ff00bf;
}
.bg-gradient-pink-pink {
  --outerColor: #ff00bf;
  --innerColor: #ff00bf;
}
.bg-gradient-pink-blue {
  --outerColor: #ff00bf;
  --innerColor: #0E97FA;
}
.bg-gradient-pink-purpre {
  --outerColor: #ff00bf;
  --innerColor: #761ecf;
}
.bg-gradient-pink-purple {
  --outerColor: #ff00bf;
  --innerColor: #410082;
}
.bg-gradient-pink-dblue {
  --outerColor: #ff00bf;
  --innerColor: #2f3cbe;
}
.bg-gradient-pink-darkblue {
  --outerColor: #ff00bf;
  --innerColor: #141e94;
}
.bg-gradient-pink-durple {
  --outerColor: #ff00bf;
  --innerColor: #200044;
}
.bg-gradient-pink-dpink {
  --outerColor: #ff00bf;
  --innerColor: #c011d7;
}
.bg-gradient-pink-lblue {
  --outerColor: #ff00bf;
  --innerColor: #b5f2fd;
}
.bg-gradient-pink-blurple {
  --outerColor: #ff00bf;
  --innerColor: #6760fe;
}
.bg-gradient-pink-lpink {
  --outerColor: #ff00bf;
  --innerColor: #f787fa;
}
.bg-gradient-pink-lpurple {
  --outerColor: #ff00bf;
  --innerColor: #e1bdf0;
}
.bg-gradient-pink-orang {
  --outerColor: #ff00bf;
  --innerColor: #fdb18d;
}
.bg-gradient-pink-green {
  --outerColor: #ff00bf;
  --innerColor: #97ffc4;
}
.bg-gradient-pink-altpurple {
  --outerColor: #ff00bf;
  --innerColor: #6619B3;
}
.bg-gradient-pink-thelink {
  --outerColor: #ff00bf;
  --innerColor: #b32e31;
}
.bg-gradient-pink-nine8 {
  --outerColor: #ff00bf;
  --innerColor: #008080;
}
.bg-gradient-pink-white {
  --outerColor: #ff00bf;
  --innerColor: #fffbf7;
}
.bg-gradient-pink-black {
  --outerColor: #ff00bf;
  --innerColor: black;
}
.bg-blue {
  background-color: #0E97FA;
  --outerColor: #0E97FA;
  --innerColor: #0E97FA;
}
.bg-gradient-blue-pink {
  --outerColor: #0E97FA;
  --innerColor: #ff00bf;
}
.bg-gradient-blue-blue {
  --outerColor: #0E97FA;
  --innerColor: #0E97FA;
}
.bg-gradient-blue-purpre {
  --outerColor: #0E97FA;
  --innerColor: #761ecf;
}
.bg-gradient-blue-purple {
  --outerColor: #0E97FA;
  --innerColor: #410082;
}
.bg-gradient-blue-dblue {
  --outerColor: #0E97FA;
  --innerColor: #2f3cbe;
}
.bg-gradient-blue-darkblue {
  --outerColor: #0E97FA;
  --innerColor: #141e94;
}
.bg-gradient-blue-durple {
  --outerColor: #0E97FA;
  --innerColor: #200044;
}
.bg-gradient-blue-dpink {
  --outerColor: #0E97FA;
  --innerColor: #c011d7;
}
.bg-gradient-blue-lblue {
  --outerColor: #0E97FA;
  --innerColor: #b5f2fd;
}
.bg-gradient-blue-blurple {
  --outerColor: #0E97FA;
  --innerColor: #6760fe;
}
.bg-gradient-blue-lpink {
  --outerColor: #0E97FA;
  --innerColor: #f787fa;
}
.bg-gradient-blue-lpurple {
  --outerColor: #0E97FA;
  --innerColor: #e1bdf0;
}
.bg-gradient-blue-orang {
  --outerColor: #0E97FA;
  --innerColor: #fdb18d;
}
.bg-gradient-blue-green {
  --outerColor: #0E97FA;
  --innerColor: #97ffc4;
}
.bg-gradient-blue-altpurple {
  --outerColor: #0E97FA;
  --innerColor: #6619B3;
}
.bg-gradient-blue-thelink {
  --outerColor: #0E97FA;
  --innerColor: #b32e31;
}
.bg-gradient-blue-nine8 {
  --outerColor: #0E97FA;
  --innerColor: #008080;
}
.bg-gradient-blue-white {
  --outerColor: #0E97FA;
  --innerColor: #fffbf7;
}
.bg-gradient-blue-black {
  --outerColor: #0E97FA;
  --innerColor: black;
}
.bg-purpre {
  background-color: #761ecf;
  --outerColor: #761ecf;
  --innerColor: #761ecf;
}
.bg-gradient-purpre-pink {
  --outerColor: #761ecf;
  --innerColor: #ff00bf;
}
.bg-gradient-purpre-blue {
  --outerColor: #761ecf;
  --innerColor: #0E97FA;
}
.bg-gradient-purpre-purpre {
  --outerColor: #761ecf;
  --innerColor: #761ecf;
}
.bg-gradient-purpre-purple {
  --outerColor: #761ecf;
  --innerColor: #410082;
}
.bg-gradient-purpre-dblue {
  --outerColor: #761ecf;
  --innerColor: #2f3cbe;
}
.bg-gradient-purpre-darkblue {
  --outerColor: #761ecf;
  --innerColor: #141e94;
}
.bg-gradient-purpre-durple {
  --outerColor: #761ecf;
  --innerColor: #200044;
}
.bg-gradient-purpre-dpink {
  --outerColor: #761ecf;
  --innerColor: #c011d7;
}
.bg-gradient-purpre-lblue {
  --outerColor: #761ecf;
  --innerColor: #b5f2fd;
}
.bg-gradient-purpre-blurple {
  --outerColor: #761ecf;
  --innerColor: #6760fe;
}
.bg-gradient-purpre-lpink {
  --outerColor: #761ecf;
  --innerColor: #f787fa;
}
.bg-gradient-purpre-lpurple {
  --outerColor: #761ecf;
  --innerColor: #e1bdf0;
}
.bg-gradient-purpre-orang {
  --outerColor: #761ecf;
  --innerColor: #fdb18d;
}
.bg-gradient-purpre-green {
  --outerColor: #761ecf;
  --innerColor: #97ffc4;
}
.bg-gradient-purpre-altpurple {
  --outerColor: #761ecf;
  --innerColor: #6619B3;
}
.bg-gradient-purpre-thelink {
  --outerColor: #761ecf;
  --innerColor: #b32e31;
}
.bg-gradient-purpre-nine8 {
  --outerColor: #761ecf;
  --innerColor: #008080;
}
.bg-gradient-purpre-white {
  --outerColor: #761ecf;
  --innerColor: #fffbf7;
}
.bg-gradient-purpre-black {
  --outerColor: #761ecf;
  --innerColor: black;
}
.bg-purple {
  background-color: #410082;
  --outerColor: #410082;
  --innerColor: #410082;
}
.bg-gradient-purple-pink {
  --outerColor: #410082;
  --innerColor: #ff00bf;
}
.bg-gradient-purple-blue {
  --outerColor: #410082;
  --innerColor: #0E97FA;
}
.bg-gradient-purple-purpre {
  --outerColor: #410082;
  --innerColor: #761ecf;
}
.bg-gradient-purple-purple {
  --outerColor: #410082;
  --innerColor: #410082;
}
.bg-gradient-purple-dblue {
  --outerColor: #410082;
  --innerColor: #2f3cbe;
}
.bg-gradient-purple-darkblue {
  --outerColor: #410082;
  --innerColor: #141e94;
}
.bg-gradient-purple-durple {
  --outerColor: #410082;
  --innerColor: #200044;
}
.bg-gradient-purple-dpink {
  --outerColor: #410082;
  --innerColor: #c011d7;
}
.bg-gradient-purple-lblue {
  --outerColor: #410082;
  --innerColor: #b5f2fd;
}
.bg-gradient-purple-blurple {
  --outerColor: #410082;
  --innerColor: #6760fe;
}
.bg-gradient-purple-lpink {
  --outerColor: #410082;
  --innerColor: #f787fa;
}
.bg-gradient-purple-lpurple {
  --outerColor: #410082;
  --innerColor: #e1bdf0;
}
.bg-gradient-purple-orang {
  --outerColor: #410082;
  --innerColor: #fdb18d;
}
.bg-gradient-purple-green {
  --outerColor: #410082;
  --innerColor: #97ffc4;
}
.bg-gradient-purple-altpurple {
  --outerColor: #410082;
  --innerColor: #6619B3;
}
.bg-gradient-purple-thelink {
  --outerColor: #410082;
  --innerColor: #b32e31;
}
.bg-gradient-purple-nine8 {
  --outerColor: #410082;
  --innerColor: #008080;
}
.bg-gradient-purple-white {
  --outerColor: #410082;
  --innerColor: #fffbf7;
}
.bg-gradient-purple-black {
  --outerColor: #410082;
  --innerColor: black;
}
.bg-dblue {
  background-color: #2f3cbe;
  --outerColor: #2f3cbe;
  --innerColor: #2f3cbe;
}
.bg-gradient-dblue-pink {
  --outerColor: #2f3cbe;
  --innerColor: #ff00bf;
}
.bg-gradient-dblue-blue {
  --outerColor: #2f3cbe;
  --innerColor: #0E97FA;
}
.bg-gradient-dblue-purpre {
  --outerColor: #2f3cbe;
  --innerColor: #761ecf;
}
.bg-gradient-dblue-purple {
  --outerColor: #2f3cbe;
  --innerColor: #410082;
}
.bg-gradient-dblue-dblue {
  --outerColor: #2f3cbe;
  --innerColor: #2f3cbe;
}
.bg-gradient-dblue-darkblue {
  --outerColor: #2f3cbe;
  --innerColor: #141e94;
}
.bg-gradient-dblue-durple {
  --outerColor: #2f3cbe;
  --innerColor: #200044;
}
.bg-gradient-dblue-dpink {
  --outerColor: #2f3cbe;
  --innerColor: #c011d7;
}
.bg-gradient-dblue-lblue {
  --outerColor: #2f3cbe;
  --innerColor: #b5f2fd;
}
.bg-gradient-dblue-blurple {
  --outerColor: #2f3cbe;
  --innerColor: #6760fe;
}
.bg-gradient-dblue-lpink {
  --outerColor: #2f3cbe;
  --innerColor: #f787fa;
}
.bg-gradient-dblue-lpurple {
  --outerColor: #2f3cbe;
  --innerColor: #e1bdf0;
}
.bg-gradient-dblue-orang {
  --outerColor: #2f3cbe;
  --innerColor: #fdb18d;
}
.bg-gradient-dblue-green {
  --outerColor: #2f3cbe;
  --innerColor: #97ffc4;
}
.bg-gradient-dblue-altpurple {
  --outerColor: #2f3cbe;
  --innerColor: #6619B3;
}
.bg-gradient-dblue-thelink {
  --outerColor: #2f3cbe;
  --innerColor: #b32e31;
}
.bg-gradient-dblue-nine8 {
  --outerColor: #2f3cbe;
  --innerColor: #008080;
}
.bg-gradient-dblue-white {
  --outerColor: #2f3cbe;
  --innerColor: #fffbf7;
}
.bg-gradient-dblue-black {
  --outerColor: #2f3cbe;
  --innerColor: black;
}
.bg-darkblue {
  background-color: #141e94;
  --outerColor: #141e94;
  --innerColor: #141e94;
}
.bg-gradient-darkblue-pink {
  --outerColor: #141e94;
  --innerColor: #ff00bf;
}
.bg-gradient-darkblue-blue {
  --outerColor: #141e94;
  --innerColor: #0E97FA;
}
.bg-gradient-darkblue-purpre {
  --outerColor: #141e94;
  --innerColor: #761ecf;
}
.bg-gradient-darkblue-purple {
  --outerColor: #141e94;
  --innerColor: #410082;
}
.bg-gradient-darkblue-dblue {
  --outerColor: #141e94;
  --innerColor: #2f3cbe;
}
.bg-gradient-darkblue-darkblue {
  --outerColor: #141e94;
  --innerColor: #141e94;
}
.bg-gradient-darkblue-durple {
  --outerColor: #141e94;
  --innerColor: #200044;
}
.bg-gradient-darkblue-dpink {
  --outerColor: #141e94;
  --innerColor: #c011d7;
}
.bg-gradient-darkblue-lblue {
  --outerColor: #141e94;
  --innerColor: #b5f2fd;
}
.bg-gradient-darkblue-blurple {
  --outerColor: #141e94;
  --innerColor: #6760fe;
}
.bg-gradient-darkblue-lpink {
  --outerColor: #141e94;
  --innerColor: #f787fa;
}
.bg-gradient-darkblue-lpurple {
  --outerColor: #141e94;
  --innerColor: #e1bdf0;
}
.bg-gradient-darkblue-orang {
  --outerColor: #141e94;
  --innerColor: #fdb18d;
}
.bg-gradient-darkblue-green {
  --outerColor: #141e94;
  --innerColor: #97ffc4;
}
.bg-gradient-darkblue-altpurple {
  --outerColor: #141e94;
  --innerColor: #6619B3;
}
.bg-gradient-darkblue-thelink {
  --outerColor: #141e94;
  --innerColor: #b32e31;
}
.bg-gradient-darkblue-nine8 {
  --outerColor: #141e94;
  --innerColor: #008080;
}
.bg-gradient-darkblue-white {
  --outerColor: #141e94;
  --innerColor: #fffbf7;
}
.bg-gradient-darkblue-black {
  --outerColor: #141e94;
  --innerColor: black;
}
.bg-durple {
  background-color: #200044;
  --outerColor: #200044;
  --innerColor: #200044;
}
.bg-gradient-durple-pink {
  --outerColor: #200044;
  --innerColor: #ff00bf;
}
.bg-gradient-durple-blue {
  --outerColor: #200044;
  --innerColor: #0E97FA;
}
.bg-gradient-durple-purpre {
  --outerColor: #200044;
  --innerColor: #761ecf;
}
.bg-gradient-durple-purple {
  --outerColor: #200044;
  --innerColor: #410082;
}
.bg-gradient-durple-dblue {
  --outerColor: #200044;
  --innerColor: #2f3cbe;
}
.bg-gradient-durple-darkblue {
  --outerColor: #200044;
  --innerColor: #141e94;
}
.bg-gradient-durple-durple {
  --outerColor: #200044;
  --innerColor: #200044;
}
.bg-gradient-durple-dpink {
  --outerColor: #200044;
  --innerColor: #c011d7;
}
.bg-gradient-durple-lblue {
  --outerColor: #200044;
  --innerColor: #b5f2fd;
}
.bg-gradient-durple-blurple {
  --outerColor: #200044;
  --innerColor: #6760fe;
}
.bg-gradient-durple-lpink {
  --outerColor: #200044;
  --innerColor: #f787fa;
}
.bg-gradient-durple-lpurple {
  --outerColor: #200044;
  --innerColor: #e1bdf0;
}
.bg-gradient-durple-orang {
  --outerColor: #200044;
  --innerColor: #fdb18d;
}
.bg-gradient-durple-green {
  --outerColor: #200044;
  --innerColor: #97ffc4;
}
.bg-gradient-durple-altpurple {
  --outerColor: #200044;
  --innerColor: #6619B3;
}
.bg-gradient-durple-thelink {
  --outerColor: #200044;
  --innerColor: #b32e31;
}
.bg-gradient-durple-nine8 {
  --outerColor: #200044;
  --innerColor: #008080;
}
.bg-gradient-durple-white {
  --outerColor: #200044;
  --innerColor: #fffbf7;
}
.bg-gradient-durple-black {
  --outerColor: #200044;
  --innerColor: black;
}
.bg-dpink {
  background-color: #c011d7;
  --outerColor: #c011d7;
  --innerColor: #c011d7;
}
.bg-gradient-dpink-pink {
  --outerColor: #c011d7;
  --innerColor: #ff00bf;
}
.bg-gradient-dpink-blue {
  --outerColor: #c011d7;
  --innerColor: #0E97FA;
}
.bg-gradient-dpink-purpre {
  --outerColor: #c011d7;
  --innerColor: #761ecf;
}
.bg-gradient-dpink-purple {
  --outerColor: #c011d7;
  --innerColor: #410082;
}
.bg-gradient-dpink-dblue {
  --outerColor: #c011d7;
  --innerColor: #2f3cbe;
}
.bg-gradient-dpink-darkblue {
  --outerColor: #c011d7;
  --innerColor: #141e94;
}
.bg-gradient-dpink-durple {
  --outerColor: #c011d7;
  --innerColor: #200044;
}
.bg-gradient-dpink-dpink {
  --outerColor: #c011d7;
  --innerColor: #c011d7;
}
.bg-gradient-dpink-lblue {
  --outerColor: #c011d7;
  --innerColor: #b5f2fd;
}
.bg-gradient-dpink-blurple {
  --outerColor: #c011d7;
  --innerColor: #6760fe;
}
.bg-gradient-dpink-lpink {
  --outerColor: #c011d7;
  --innerColor: #f787fa;
}
.bg-gradient-dpink-lpurple {
  --outerColor: #c011d7;
  --innerColor: #e1bdf0;
}
.bg-gradient-dpink-orang {
  --outerColor: #c011d7;
  --innerColor: #fdb18d;
}
.bg-gradient-dpink-green {
  --outerColor: #c011d7;
  --innerColor: #97ffc4;
}
.bg-gradient-dpink-altpurple {
  --outerColor: #c011d7;
  --innerColor: #6619B3;
}
.bg-gradient-dpink-thelink {
  --outerColor: #c011d7;
  --innerColor: #b32e31;
}
.bg-gradient-dpink-nine8 {
  --outerColor: #c011d7;
  --innerColor: #008080;
}
.bg-gradient-dpink-white {
  --outerColor: #c011d7;
  --innerColor: #fffbf7;
}
.bg-gradient-dpink-black {
  --outerColor: #c011d7;
  --innerColor: black;
}
.bg-lblue {
  background-color: #b5f2fd;
  --outerColor: #b5f2fd;
  --innerColor: #b5f2fd;
}
.bg-gradient-lblue-pink {
  --outerColor: #b5f2fd;
  --innerColor: #ff00bf;
}
.bg-gradient-lblue-blue {
  --outerColor: #b5f2fd;
  --innerColor: #0E97FA;
}
.bg-gradient-lblue-purpre {
  --outerColor: #b5f2fd;
  --innerColor: #761ecf;
}
.bg-gradient-lblue-purple {
  --outerColor: #b5f2fd;
  --innerColor: #410082;
}
.bg-gradient-lblue-dblue {
  --outerColor: #b5f2fd;
  --innerColor: #2f3cbe;
}
.bg-gradient-lblue-darkblue {
  --outerColor: #b5f2fd;
  --innerColor: #141e94;
}
.bg-gradient-lblue-durple {
  --outerColor: #b5f2fd;
  --innerColor: #200044;
}
.bg-gradient-lblue-dpink {
  --outerColor: #b5f2fd;
  --innerColor: #c011d7;
}
.bg-gradient-lblue-lblue {
  --outerColor: #b5f2fd;
  --innerColor: #b5f2fd;
}
.bg-gradient-lblue-blurple {
  --outerColor: #b5f2fd;
  --innerColor: #6760fe;
}
.bg-gradient-lblue-lpink {
  --outerColor: #b5f2fd;
  --innerColor: #f787fa;
}
.bg-gradient-lblue-lpurple {
  --outerColor: #b5f2fd;
  --innerColor: #e1bdf0;
}
.bg-gradient-lblue-orang {
  --outerColor: #b5f2fd;
  --innerColor: #fdb18d;
}
.bg-gradient-lblue-green {
  --outerColor: #b5f2fd;
  --innerColor: #97ffc4;
}
.bg-gradient-lblue-altpurple {
  --outerColor: #b5f2fd;
  --innerColor: #6619B3;
}
.bg-gradient-lblue-thelink {
  --outerColor: #b5f2fd;
  --innerColor: #b32e31;
}
.bg-gradient-lblue-nine8 {
  --outerColor: #b5f2fd;
  --innerColor: #008080;
}
.bg-gradient-lblue-white {
  --outerColor: #b5f2fd;
  --innerColor: #fffbf7;
}
.bg-gradient-lblue-black {
  --outerColor: #b5f2fd;
  --innerColor: black;
}
.bg-blurple {
  background-color: #6760fe;
  --outerColor: #6760fe;
  --innerColor: #6760fe;
}
.bg-gradient-blurple-pink {
  --outerColor: #6760fe;
  --innerColor: #ff00bf;
}
.bg-gradient-blurple-blue {
  --outerColor: #6760fe;
  --innerColor: #0E97FA;
}
.bg-gradient-blurple-purpre {
  --outerColor: #6760fe;
  --innerColor: #761ecf;
}
.bg-gradient-blurple-purple {
  --outerColor: #6760fe;
  --innerColor: #410082;
}
.bg-gradient-blurple-dblue {
  --outerColor: #6760fe;
  --innerColor: #2f3cbe;
}
.bg-gradient-blurple-darkblue {
  --outerColor: #6760fe;
  --innerColor: #141e94;
}
.bg-gradient-blurple-durple {
  --outerColor: #6760fe;
  --innerColor: #200044;
}
.bg-gradient-blurple-dpink {
  --outerColor: #6760fe;
  --innerColor: #c011d7;
}
.bg-gradient-blurple-lblue {
  --outerColor: #6760fe;
  --innerColor: #b5f2fd;
}
.bg-gradient-blurple-blurple {
  --outerColor: #6760fe;
  --innerColor: #6760fe;
}
.bg-gradient-blurple-lpink {
  --outerColor: #6760fe;
  --innerColor: #f787fa;
}
.bg-gradient-blurple-lpurple {
  --outerColor: #6760fe;
  --innerColor: #e1bdf0;
}
.bg-gradient-blurple-orang {
  --outerColor: #6760fe;
  --innerColor: #fdb18d;
}
.bg-gradient-blurple-green {
  --outerColor: #6760fe;
  --innerColor: #97ffc4;
}
.bg-gradient-blurple-altpurple {
  --outerColor: #6760fe;
  --innerColor: #6619B3;
}
.bg-gradient-blurple-thelink {
  --outerColor: #6760fe;
  --innerColor: #b32e31;
}
.bg-gradient-blurple-nine8 {
  --outerColor: #6760fe;
  --innerColor: #008080;
}
.bg-gradient-blurple-white {
  --outerColor: #6760fe;
  --innerColor: #fffbf7;
}
.bg-gradient-blurple-black {
  --outerColor: #6760fe;
  --innerColor: black;
}
.bg-lpink {
  background-color: #f787fa;
  --outerColor: #f787fa;
  --innerColor: #f787fa;
}
.bg-gradient-lpink-pink {
  --outerColor: #f787fa;
  --innerColor: #ff00bf;
}
.bg-gradient-lpink-blue {
  --outerColor: #f787fa;
  --innerColor: #0E97FA;
}
.bg-gradient-lpink-purpre {
  --outerColor: #f787fa;
  --innerColor: #761ecf;
}
.bg-gradient-lpink-purple {
  --outerColor: #f787fa;
  --innerColor: #410082;
}
.bg-gradient-lpink-dblue {
  --outerColor: #f787fa;
  --innerColor: #2f3cbe;
}
.bg-gradient-lpink-darkblue {
  --outerColor: #f787fa;
  --innerColor: #141e94;
}
.bg-gradient-lpink-durple {
  --outerColor: #f787fa;
  --innerColor: #200044;
}
.bg-gradient-lpink-dpink {
  --outerColor: #f787fa;
  --innerColor: #c011d7;
}
.bg-gradient-lpink-lblue {
  --outerColor: #f787fa;
  --innerColor: #b5f2fd;
}
.bg-gradient-lpink-blurple {
  --outerColor: #f787fa;
  --innerColor: #6760fe;
}
.bg-gradient-lpink-lpink {
  --outerColor: #f787fa;
  --innerColor: #f787fa;
}
.bg-gradient-lpink-lpurple {
  --outerColor: #f787fa;
  --innerColor: #e1bdf0;
}
.bg-gradient-lpink-orang {
  --outerColor: #f787fa;
  --innerColor: #fdb18d;
}
.bg-gradient-lpink-green {
  --outerColor: #f787fa;
  --innerColor: #97ffc4;
}
.bg-gradient-lpink-altpurple {
  --outerColor: #f787fa;
  --innerColor: #6619B3;
}
.bg-gradient-lpink-thelink {
  --outerColor: #f787fa;
  --innerColor: #b32e31;
}
.bg-gradient-lpink-nine8 {
  --outerColor: #f787fa;
  --innerColor: #008080;
}
.bg-gradient-lpink-white {
  --outerColor: #f787fa;
  --innerColor: #fffbf7;
}
.bg-gradient-lpink-black {
  --outerColor: #f787fa;
  --innerColor: black;
}
.bg-lpurple {
  background-color: #e1bdf0;
  --outerColor: #e1bdf0;
  --innerColor: #e1bdf0;
}
.bg-gradient-lpurple-pink {
  --outerColor: #e1bdf0;
  --innerColor: #ff00bf;
}
.bg-gradient-lpurple-blue {
  --outerColor: #e1bdf0;
  --innerColor: #0E97FA;
}
.bg-gradient-lpurple-purpre {
  --outerColor: #e1bdf0;
  --innerColor: #761ecf;
}
.bg-gradient-lpurple-purple {
  --outerColor: #e1bdf0;
  --innerColor: #410082;
}
.bg-gradient-lpurple-dblue {
  --outerColor: #e1bdf0;
  --innerColor: #2f3cbe;
}
.bg-gradient-lpurple-darkblue {
  --outerColor: #e1bdf0;
  --innerColor: #141e94;
}
.bg-gradient-lpurple-durple {
  --outerColor: #e1bdf0;
  --innerColor: #200044;
}
.bg-gradient-lpurple-dpink {
  --outerColor: #e1bdf0;
  --innerColor: #c011d7;
}
.bg-gradient-lpurple-lblue {
  --outerColor: #e1bdf0;
  --innerColor: #b5f2fd;
}
.bg-gradient-lpurple-blurple {
  --outerColor: #e1bdf0;
  --innerColor: #6760fe;
}
.bg-gradient-lpurple-lpink {
  --outerColor: #e1bdf0;
  --innerColor: #f787fa;
}
.bg-gradient-lpurple-lpurple {
  --outerColor: #e1bdf0;
  --innerColor: #e1bdf0;
}
.bg-gradient-lpurple-orang {
  --outerColor: #e1bdf0;
  --innerColor: #fdb18d;
}
.bg-gradient-lpurple-green {
  --outerColor: #e1bdf0;
  --innerColor: #97ffc4;
}
.bg-gradient-lpurple-altpurple {
  --outerColor: #e1bdf0;
  --innerColor: #6619B3;
}
.bg-gradient-lpurple-thelink {
  --outerColor: #e1bdf0;
  --innerColor: #b32e31;
}
.bg-gradient-lpurple-nine8 {
  --outerColor: #e1bdf0;
  --innerColor: #008080;
}
.bg-gradient-lpurple-white {
  --outerColor: #e1bdf0;
  --innerColor: #fffbf7;
}
.bg-gradient-lpurple-black {
  --outerColor: #e1bdf0;
  --innerColor: black;
}
.bg-orang {
  background-color: #fdb18d;
  --outerColor: #fdb18d;
  --innerColor: #fdb18d;
}
.bg-gradient-orang-pink {
  --outerColor: #fdb18d;
  --innerColor: #ff00bf;
}
.bg-gradient-orang-blue {
  --outerColor: #fdb18d;
  --innerColor: #0E97FA;
}
.bg-gradient-orang-purpre {
  --outerColor: #fdb18d;
  --innerColor: #761ecf;
}
.bg-gradient-orang-purple {
  --outerColor: #fdb18d;
  --innerColor: #410082;
}
.bg-gradient-orang-dblue {
  --outerColor: #fdb18d;
  --innerColor: #2f3cbe;
}
.bg-gradient-orang-darkblue {
  --outerColor: #fdb18d;
  --innerColor: #141e94;
}
.bg-gradient-orang-durple {
  --outerColor: #fdb18d;
  --innerColor: #200044;
}
.bg-gradient-orang-dpink {
  --outerColor: #fdb18d;
  --innerColor: #c011d7;
}
.bg-gradient-orang-lblue {
  --outerColor: #fdb18d;
  --innerColor: #b5f2fd;
}
.bg-gradient-orang-blurple {
  --outerColor: #fdb18d;
  --innerColor: #6760fe;
}
.bg-gradient-orang-lpink {
  --outerColor: #fdb18d;
  --innerColor: #f787fa;
}
.bg-gradient-orang-lpurple {
  --outerColor: #fdb18d;
  --innerColor: #e1bdf0;
}
.bg-gradient-orang-orang {
  --outerColor: #fdb18d;
  --innerColor: #fdb18d;
}
.bg-gradient-orang-green {
  --outerColor: #fdb18d;
  --innerColor: #97ffc4;
}
.bg-gradient-orang-altpurple {
  --outerColor: #fdb18d;
  --innerColor: #6619B3;
}
.bg-gradient-orang-thelink {
  --outerColor: #fdb18d;
  --innerColor: #b32e31;
}
.bg-gradient-orang-nine8 {
  --outerColor: #fdb18d;
  --innerColor: #008080;
}
.bg-gradient-orang-white {
  --outerColor: #fdb18d;
  --innerColor: #fffbf7;
}
.bg-gradient-orang-black {
  --outerColor: #fdb18d;
  --innerColor: black;
}
.bg-green {
  background-color: #97ffc4;
  --outerColor: #97ffc4;
  --innerColor: #97ffc4;
}
.bg-gradient-green-pink {
  --outerColor: #97ffc4;
  --innerColor: #ff00bf;
}
.bg-gradient-green-blue {
  --outerColor: #97ffc4;
  --innerColor: #0E97FA;
}
.bg-gradient-green-purpre {
  --outerColor: #97ffc4;
  --innerColor: #761ecf;
}
.bg-gradient-green-purple {
  --outerColor: #97ffc4;
  --innerColor: #410082;
}
.bg-gradient-green-dblue {
  --outerColor: #97ffc4;
  --innerColor: #2f3cbe;
}
.bg-gradient-green-darkblue {
  --outerColor: #97ffc4;
  --innerColor: #141e94;
}
.bg-gradient-green-durple {
  --outerColor: #97ffc4;
  --innerColor: #200044;
}
.bg-gradient-green-dpink {
  --outerColor: #97ffc4;
  --innerColor: #c011d7;
}
.bg-gradient-green-lblue {
  --outerColor: #97ffc4;
  --innerColor: #b5f2fd;
}
.bg-gradient-green-blurple {
  --outerColor: #97ffc4;
  --innerColor: #6760fe;
}
.bg-gradient-green-lpink {
  --outerColor: #97ffc4;
  --innerColor: #f787fa;
}
.bg-gradient-green-lpurple {
  --outerColor: #97ffc4;
  --innerColor: #e1bdf0;
}
.bg-gradient-green-orang {
  --outerColor: #97ffc4;
  --innerColor: #fdb18d;
}
.bg-gradient-green-green {
  --outerColor: #97ffc4;
  --innerColor: #97ffc4;
}
.bg-gradient-green-altpurple {
  --outerColor: #97ffc4;
  --innerColor: #6619B3;
}
.bg-gradient-green-thelink {
  --outerColor: #97ffc4;
  --innerColor: #b32e31;
}
.bg-gradient-green-nine8 {
  --outerColor: #97ffc4;
  --innerColor: #008080;
}
.bg-gradient-green-white {
  --outerColor: #97ffc4;
  --innerColor: #fffbf7;
}
.bg-gradient-green-black {
  --outerColor: #97ffc4;
  --innerColor: black;
}
.bg-altpurple {
  background-color: #6619B3;
  --outerColor: #6619B3;
  --innerColor: #6619B3;
}
.bg-gradient-altpurple-pink {
  --outerColor: #6619B3;
  --innerColor: #ff00bf;
}
.bg-gradient-altpurple-blue {
  --outerColor: #6619B3;
  --innerColor: #0E97FA;
}
.bg-gradient-altpurple-purpre {
  --outerColor: #6619B3;
  --innerColor: #761ecf;
}
.bg-gradient-altpurple-purple {
  --outerColor: #6619B3;
  --innerColor: #410082;
}
.bg-gradient-altpurple-dblue {
  --outerColor: #6619B3;
  --innerColor: #2f3cbe;
}
.bg-gradient-altpurple-darkblue {
  --outerColor: #6619B3;
  --innerColor: #141e94;
}
.bg-gradient-altpurple-durple {
  --outerColor: #6619B3;
  --innerColor: #200044;
}
.bg-gradient-altpurple-dpink {
  --outerColor: #6619B3;
  --innerColor: #c011d7;
}
.bg-gradient-altpurple-lblue {
  --outerColor: #6619B3;
  --innerColor: #b5f2fd;
}
.bg-gradient-altpurple-blurple {
  --outerColor: #6619B3;
  --innerColor: #6760fe;
}
.bg-gradient-altpurple-lpink {
  --outerColor: #6619B3;
  --innerColor: #f787fa;
}
.bg-gradient-altpurple-lpurple {
  --outerColor: #6619B3;
  --innerColor: #e1bdf0;
}
.bg-gradient-altpurple-orang {
  --outerColor: #6619B3;
  --innerColor: #fdb18d;
}
.bg-gradient-altpurple-green {
  --outerColor: #6619B3;
  --innerColor: #97ffc4;
}
.bg-gradient-altpurple-altpurple {
  --outerColor: #6619B3;
  --innerColor: #6619B3;
}
.bg-gradient-altpurple-thelink {
  --outerColor: #6619B3;
  --innerColor: #b32e31;
}
.bg-gradient-altpurple-nine8 {
  --outerColor: #6619B3;
  --innerColor: #008080;
}
.bg-gradient-altpurple-white {
  --outerColor: #6619B3;
  --innerColor: #fffbf7;
}
.bg-gradient-altpurple-black {
  --outerColor: #6619B3;
  --innerColor: black;
}
.bg-thelink {
  background-color: #b32e31;
  --outerColor: #b32e31;
  --innerColor: #b32e31;
}
.bg-gradient-thelink-pink {
  --outerColor: #b32e31;
  --innerColor: #ff00bf;
}
.bg-gradient-thelink-blue {
  --outerColor: #b32e31;
  --innerColor: #0E97FA;
}
.bg-gradient-thelink-purpre {
  --outerColor: #b32e31;
  --innerColor: #761ecf;
}
.bg-gradient-thelink-purple {
  --outerColor: #b32e31;
  --innerColor: #410082;
}
.bg-gradient-thelink-dblue {
  --outerColor: #b32e31;
  --innerColor: #2f3cbe;
}
.bg-gradient-thelink-darkblue {
  --outerColor: #b32e31;
  --innerColor: #141e94;
}
.bg-gradient-thelink-durple {
  --outerColor: #b32e31;
  --innerColor: #200044;
}
.bg-gradient-thelink-dpink {
  --outerColor: #b32e31;
  --innerColor: #c011d7;
}
.bg-gradient-thelink-lblue {
  --outerColor: #b32e31;
  --innerColor: #b5f2fd;
}
.bg-gradient-thelink-blurple {
  --outerColor: #b32e31;
  --innerColor: #6760fe;
}
.bg-gradient-thelink-lpink {
  --outerColor: #b32e31;
  --innerColor: #f787fa;
}
.bg-gradient-thelink-lpurple {
  --outerColor: #b32e31;
  --innerColor: #e1bdf0;
}
.bg-gradient-thelink-orang {
  --outerColor: #b32e31;
  --innerColor: #fdb18d;
}
.bg-gradient-thelink-green {
  --outerColor: #b32e31;
  --innerColor: #97ffc4;
}
.bg-gradient-thelink-altpurple {
  --outerColor: #b32e31;
  --innerColor: #6619B3;
}
.bg-gradient-thelink-thelink {
  --outerColor: #b32e31;
  --innerColor: #b32e31;
}
.bg-gradient-thelink-nine8 {
  --outerColor: #b32e31;
  --innerColor: #008080;
}
.bg-gradient-thelink-white {
  --outerColor: #b32e31;
  --innerColor: #fffbf7;
}
.bg-gradient-thelink-black {
  --outerColor: #b32e31;
  --innerColor: black;
}
.bg-nine8 {
  background-color: #008080;
  --outerColor: #008080;
  --innerColor: #008080;
}
.bg-gradient-nine8-pink {
  --outerColor: #008080;
  --innerColor: #ff00bf;
}
.bg-gradient-nine8-blue {
  --outerColor: #008080;
  --innerColor: #0E97FA;
}
.bg-gradient-nine8-purpre {
  --outerColor: #008080;
  --innerColor: #761ecf;
}
.bg-gradient-nine8-purple {
  --outerColor: #008080;
  --innerColor: #410082;
}
.bg-gradient-nine8-dblue {
  --outerColor: #008080;
  --innerColor: #2f3cbe;
}
.bg-gradient-nine8-darkblue {
  --outerColor: #008080;
  --innerColor: #141e94;
}
.bg-gradient-nine8-durple {
  --outerColor: #008080;
  --innerColor: #200044;
}
.bg-gradient-nine8-dpink {
  --outerColor: #008080;
  --innerColor: #c011d7;
}
.bg-gradient-nine8-lblue {
  --outerColor: #008080;
  --innerColor: #b5f2fd;
}
.bg-gradient-nine8-blurple {
  --outerColor: #008080;
  --innerColor: #6760fe;
}
.bg-gradient-nine8-lpink {
  --outerColor: #008080;
  --innerColor: #f787fa;
}
.bg-gradient-nine8-lpurple {
  --outerColor: #008080;
  --innerColor: #e1bdf0;
}
.bg-gradient-nine8-orang {
  --outerColor: #008080;
  --innerColor: #fdb18d;
}
.bg-gradient-nine8-green {
  --outerColor: #008080;
  --innerColor: #97ffc4;
}
.bg-gradient-nine8-altpurple {
  --outerColor: #008080;
  --innerColor: #6619B3;
}
.bg-gradient-nine8-thelink {
  --outerColor: #008080;
  --innerColor: #b32e31;
}
.bg-gradient-nine8-nine8 {
  --outerColor: #008080;
  --innerColor: #008080;
}
.bg-gradient-nine8-white {
  --outerColor: #008080;
  --innerColor: #fffbf7;
}
.bg-gradient-nine8-black {
  --outerColor: #008080;
  --innerColor: black;
}
.bg-white {
  background-color: #fffbf7;
  --outerColor: #fffbf7;
  --innerColor: #fffbf7;
}
.bg-gradient-white-pink {
  --outerColor: #fffbf7;
  --innerColor: #ff00bf;
}
.bg-gradient-white-blue {
  --outerColor: #fffbf7;
  --innerColor: #0E97FA;
}
.bg-gradient-white-purpre {
  --outerColor: #fffbf7;
  --innerColor: #761ecf;
}
.bg-gradient-white-purple {
  --outerColor: #fffbf7;
  --innerColor: #410082;
}
.bg-gradient-white-dblue {
  --outerColor: #fffbf7;
  --innerColor: #2f3cbe;
}
.bg-gradient-white-darkblue {
  --outerColor: #fffbf7;
  --innerColor: #141e94;
}
.bg-gradient-white-durple {
  --outerColor: #fffbf7;
  --innerColor: #200044;
}
.bg-gradient-white-dpink {
  --outerColor: #fffbf7;
  --innerColor: #c011d7;
}
.bg-gradient-white-lblue {
  --outerColor: #fffbf7;
  --innerColor: #b5f2fd;
}
.bg-gradient-white-blurple {
  --outerColor: #fffbf7;
  --innerColor: #6760fe;
}
.bg-gradient-white-lpink {
  --outerColor: #fffbf7;
  --innerColor: #f787fa;
}
.bg-gradient-white-lpurple {
  --outerColor: #fffbf7;
  --innerColor: #e1bdf0;
}
.bg-gradient-white-orang {
  --outerColor: #fffbf7;
  --innerColor: #fdb18d;
}
.bg-gradient-white-green {
  --outerColor: #fffbf7;
  --innerColor: #97ffc4;
}
.bg-gradient-white-altpurple {
  --outerColor: #fffbf7;
  --innerColor: #6619B3;
}
.bg-gradient-white-thelink {
  --outerColor: #fffbf7;
  --innerColor: #b32e31;
}
.bg-gradient-white-nine8 {
  --outerColor: #fffbf7;
  --innerColor: #008080;
}
.bg-gradient-white-white {
  --outerColor: #fffbf7;
  --innerColor: #fffbf7;
}
.bg-gradient-white-black {
  --outerColor: #fffbf7;
  --innerColor: black;
}
.bg-black {
  background-color: black;
  --outerColor: black;
  --innerColor: black;
}
.bg-gradient-black-pink {
  --outerColor: black;
  --innerColor: #ff00bf;
}
.bg-gradient-black-blue {
  --outerColor: black;
  --innerColor: #0E97FA;
}
.bg-gradient-black-purpre {
  --outerColor: black;
  --innerColor: #761ecf;
}
.bg-gradient-black-purple {
  --outerColor: black;
  --innerColor: #410082;
}
.bg-gradient-black-dblue {
  --outerColor: black;
  --innerColor: #2f3cbe;
}
.bg-gradient-black-darkblue {
  --outerColor: black;
  --innerColor: #141e94;
}
.bg-gradient-black-durple {
  --outerColor: black;
  --innerColor: #200044;
}
.bg-gradient-black-dpink {
  --outerColor: black;
  --innerColor: #c011d7;
}
.bg-gradient-black-lblue {
  --outerColor: black;
  --innerColor: #b5f2fd;
}
.bg-gradient-black-blurple {
  --outerColor: black;
  --innerColor: #6760fe;
}
.bg-gradient-black-lpink {
  --outerColor: black;
  --innerColor: #f787fa;
}
.bg-gradient-black-lpurple {
  --outerColor: black;
  --innerColor: #e1bdf0;
}
.bg-gradient-black-orang {
  --outerColor: black;
  --innerColor: #fdb18d;
}
.bg-gradient-black-green {
  --outerColor: black;
  --innerColor: #97ffc4;
}
.bg-gradient-black-altpurple {
  --outerColor: black;
  --innerColor: #6619B3;
}
.bg-gradient-black-thelink {
  --outerColor: black;
  --innerColor: #b32e31;
}
.bg-gradient-black-nine8 {
  --outerColor: black;
  --innerColor: #008080;
}
.bg-gradient-black-white {
  --outerColor: black;
  --innerColor: #fffbf7;
}
.bg-gradient-black-black {
  --outerColor: black;
  --innerColor: black;
}
@property --outerColor {
  syntax: "<color>";
  initial-value: light-dark(#fffbf7, black);
  inherits: false;
}
@property --innerColor {
  syntax: "<color>";
  initial-value: light-dark(#fffbf7, black);
  inherits: false;
}
@property --outer-percent {
  syntax: "<percentage> | <length>";
  inherits: false;
  initial-value: 10%;
}
@property --inner-percent {
  syntax: "<percentage> | <length>";
  inherits: false;
  initial-value: 90%;
}
.monospaced {
  font-family: "Roboto Mono", "Nova Mono", "monospace";
  letter-spacing: 0;
}
.serif {
  font-family: "Roboto Slab", serif;
}
.bit:not(.normal) {
  font-family: "Pixelated MS Sans Serif", "Silkscreen", cursive;
}
.blog {
  font-family: "Playfair Display", serif;
}
.sans-serif {
  font-family: sans-serif;
}
.abel {
  font-family: "Abel", sans-serif;
}
.audio {
  font-family: "Audiowide";
}
.rev {
  font-family: "Averia Sans Libre";
}
.quicksand {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.subscript {
  vertical-align: sub;
  font-size: small;
}
.strikethrough {
  text-decoration: line-through;
}
.bg.bg,
.bg:has(.bg) {
  --outerColor: #fffbf7;
  --innerColor: #fffbf7;
}
@media (prefers-color-scheme: dark) {
  .bg.bg,
  .bg:has(.bg) {
    --outerColor: #200044;
    --innerColor: black;
  }
}
.bg.photography,
.bg:has(.photography) {
  --outerColor: #fffbf7;
  --innerColor: #fffbf7;
}
@media (prefers-color-scheme: dark) {
  .bg.photography,
  .bg:has(.photography) {
    --outerColor: black;
    --innerColor: black;
  }
}
.bg.thelink-photography,
.bg:has(.thelink-photography) {
  --outerColor: #fffbf7;
  --innerColor: #fffbf7;
}
@media (prefers-color-scheme: dark) {
  .bg.thelink-photography,
  .bg:has(.thelink-photography) {
    --outerColor: #b32e31;
    --innerColor: black;
  }
}
@property --link-color {
  syntax: "<color>";
  initial-value: white;
  inherits: true;
}
@property --link-complement {
  syntax: "<color>";
  initial-value: black;
  inherits: true;
}
.news {
  --link-color: #0880f0;
  --link-complement: #7808f0;
  --link-origin-color: #0880f0;
  --link-origin-complement: #7808f0;
}
.news:hover {
  --link-color: #7808f0;
  --link-complement: #0880f0;
}
.fringe {
  --link-color: #ff416e;
  --link-complement: #d241ff;
  --link-origin-color: #ff416e;
  --link-origin-complement: #d241ff;
}
.fringe:hover {
  --link-color: #d241ff;
  --link-complement: #ff416e;
}
.sports {
  --link-color: #ff7a1a;
  --link-complement: #ff1a9f;
  --link-origin-color: #ff7a1a;
  --link-origin-complement: #ff1a9f;
}
.sports:hover {
  --link-color: #ff1a9f;
  --link-complement: #ff7a1a;
}
.opinions {
  --link-color: #b955be;
  --link-complement: #be555a;
  --link-origin-color: #b955be;
  --link-origin-complement: #be555a;
}
.opinions:hover {
  --link-color: #be555a;
  --link-complement: #b955be;
}
.photo-modal {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px) saturate(0%) contrast(80%);
  display: flex;
  justify-content: center;
  /* Black w/ opacity */
}
.photo-modal .photo-modal-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.photo-modal .img {
  margin-left: auto;
  margin-right: auto;
  max-height: 90%;
  max-width: 90%;
  justify-content: center;
  flex-direction: column;
}
.photo-modal img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  user-select: none;
  box-shadow: 0 0 0 4px white, 0 0 0 8px black;
}
.publications .details {
  background-color: light-dark(rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.4));
  border-radius: 4px;
  padding: 0.125rem;
}
.publications {
  /* a.active,
  a:hover {
  	// box-shadow: 0 0 0 4px var(--link-color);
  	// aspect-ratio: 9/6;
  	// background-clip: border-box;
  	// background: linear-gradient(to top right, var(--link-complement), var(--link-color));
  } */
}
.publications a:hover {
  color: white;
}
.publications {
  /* .card {
  	$border: 8px;
  	background-clip: padding-box;
  	border: solid $border transparent;
  	transition: --link-color 0.25s, --link-complement 0.25s, box-shadow 0.25s ease-out;

  	&:hover {
  		box-shadow:
  			math.div($border, 2) -1 * math.div($border, 2) $border 0 var(--link-color),
  			-1 * math.div($border, 2) math.div($border, 2) $border 0 var(--link-complement);

  	}

  	&::before {
  		content: '';
  		position: absolute;
  		top: 0;
  		right: 0;
  		bottom: 0;
  		left: 0;
  		// z-index: -5;
  		margin: -$border;
  		border-radius: inherit;
  		background: linear-gradient(to right, var(--link-complement), var(--link-color));
  		transition: --link-complement 0.5s, --link-color 0.25s;
  		// box-shadow: inset 0 0 $border $border transparent, inset 0 0 3px 2px white;
  	}
  } */
}
.photo-grid {
  display: grid;
  gap: 0.5rem;
  grid-auto-flow: dense;
  align-items: center;
  justify-items: stretch;
}
@media (max-width: 576px) {
  .photo-grid {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) {
  .photo-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
.photo-grid img {
  user-select: none;
  cursor: pointer;
  transition: all 200ms ease-in-out;
}
.photo-grid img:hover {
  transform: scale(100.5%);
}
@media (min-width: 768px) {
  .photo-grid .wide {
    grid-column: span 2;
  }
  .photo-grid .square {
    grid-column: span 2;
  }
  .photo-grid .ultra-wide {
    grid-column: span 3;
  }
  .photo-grid .large {
    grid-column: span 4;
    grid-row: span 2;
    order: -5;
  }
  .photo-grid .tall {
    grid-column: span 2;
    grid-row: span 2;
  }
}
.bg.nine8,
.bg:has(.nine8) {
  --outerColor: #008080;
  --innerColor: #008080;
}
@media (prefers-color-scheme: dark) {
  .bg.nine8,
  .bg:has(.nine8) {
    --outerColor: #008080;
    --innerColor: #008080;
  }
}
.space-between:not(:last-child) {
  margin-bottom: 1rem;
}
.nine8 .flex {
  display: flex;
  flex-direction: column;
}
.nine8 .window {
  background-color: light-dark(#b5f2fd, #141e94);
  border: 16px double light-dark(black, white);
  box-shadow: black 8px 8px;
}
.nine8 .window .title-bar, .nine8 .window .window-body, .nine8 .window .window-footer {
  padding: 0.5rem;
}
.nine8 .window .title-bar {
  background-color: light-dark(#e1bdf0, #410082);
}
.nine8 .window .window-footer {
  background-color: light-dark(black, black);
}
.nine8 .window .banner {
  display: flex;
  justify-content: center;
}
/* // 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
@use "/node_modules/bootstrap/scss/functions";
@use "/node_modules/bootstrap/scss/variables";
@use "/node_modules/bootstrap/scss/mixins"; */
.bg.newspaper,
.bg:has(.newspaper) {
  --outerColor: #EEE;
  --innerColor: #EEE;
}
@media (prefers-color-scheme: dark) {
  .bg.newspaper,
  .bg:has(.newspaper) {
    --outerColor: #333;
    --innerColor: #333;
  }
}
.newspaper {
  font-size: 1rem;
}
.newspaper > div:not(:last-child) {
  margin-bottom: 1em;
}
.bg:has(.newspaper) #header-wrapper {
  background-color: light-dark(#DDD, #444);
}
.side-panel, #highlights #recent, .weather-wrapper {
  background-color: light-dark(#DDD, #444);
  border: 1px solid black;
  height: min-content;
}
.side-panel div, #highlights #recent div, .weather-wrapper div {
  flex-grow: 1;
}
.side-panel div:not(:last-child), #highlights #recent div:not(:last-child), .weather-wrapper div:not(:last-child) {
  border-bottom: 1px solid black;
}
.side-panel, #highlights #recent, .weather-wrapper {
  display: flex;
}
.navigation {
  background-color: light-dark(#DDD, #444);
  display: flex;
  justify-content: center;
}
.navigation div {
  align-items: baseline;
  padding: 1rem;
}
.navigation div:hover {
  background-color: #CCC;
}
.navigation div {
  text-transform: uppercase;
}
.stories {
  gap: 0.25rem;
  display: grid;
}
@media (min-width: 768px) {
  .stories-4 {
    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  }
}
@media (max-width: 768px) {
  .stories-4 *:nth-child(n+5) {
    display: none;
  }
}
.section-badge {
  padding: 0.5rem;
  background-color: var(--link-color, white);
  border-radius: 0;
  font-size: 1.25rem;
  font-weight: bold;
}
.section-badge-absolute {
  position: absolute;
}
.animate-bg {
  contain: paint;
}
.animate-bg::before {
  content: "";
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg in oklab, var(--link-origin-color), var(--link-origin-complement));
  position: absolute;
  z-index: -1;
  transition: width 200ms ease-in-out;
  overflow: hidden;
}
@media (prefers-reduced-motion: no-preference) {
  .animate-bg:hover::before {
    width: 100%;
    transition: width 250ms ease-in-out;
  }
}
.story {
  background-color: light-dark(#DDD, #444);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.125s ease-out;
  clip-path: border-box;
}
.story::after {
  transition: background-color 250ms 0;
  padding: 0.5rem;
  background-color: var(--link-origin-color, light-dark(white, black));
  border-radius: 0;
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
}
.story.news::after {
  content: "news";
}
.story {
  border-left: 4px solid var(--link-origin-color, transparent);
}
.story.arts::after {
  content: "arts";
}
.story {
  border-left: 4px solid var(--link-origin-color, transparent);
}
.story.opinions::after {
  content: "opinions";
}
.story {
  border-left: 4px solid var(--link-origin-color, transparent);
}
.story.sports::after {
  content: "sports";
}
.story {
  border-left: 4px solid var(--link-origin-color, transparent);
}
.story:hover {
  border-bottom-right-radius: 2em;
  filter: brightness(110%);
}
.story:hover::after {
  transition: background-color 250ms;
}
.story .details {
  padding: 0.25rem;
}
.story .image {
  display: flex;
  justify-content: center;
}
.story .image img {
  object-fit: cover;
  aspect-ratio: 6/4;
  transition: all 0.125s ease-out;
}
@media (min-width: 992px) {
  #highlights {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: minmax(50vh, auto) auto;
  }
}
#highlights {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#highlights #recent {
  grid-column: 5;
  grid-row-start: 1;
}
#highlights #main-story {
  grid-column-start: 1;
  grid-column-end: 6;
  justify-content: end;
  background-position: center;
  background-size: cover;
  clip-path: border-box;
  transition: all 0.125s ease-out;
  min-height: 60vh;
}
#highlights #main-story:hover {
  border-bottom-left-radius: 4em;
  filter: brightness(110%);
}
#highlights #main-story img {
  height: auto;
  display: none;
}
#highlights #main-story .details div {
  padding: 1rem;
}
#highlights #main-story .details {
  height: 100%;
  justify-self: end;
  right: 0;
}
@media (min-width: 992px) {
  #highlights #main-story .details {
    margin-right: 0;
    margin-left: auto;
  }
}
#highlights #main-story .details {
  margin-top: auto;
  margin-bottom: 0;
  background-color: light-dark(white, black);
  --filter-brightness: 170%;
  --filter-contrast: 50%;
}
@media (prefers-color-scheme: dark) {
  #highlights #main-story .details {
    --filter-brightness: 60%;
  }
}
@supports (backdrop-filter: blur()) {
  #highlights #main-story .details {
    backdrop-filter: contrast(var(--filter-contrast)) brightness(var(--filter-brightness)) blur(6px);
    background-color: transparent;
  }
}
#highlights #sports,
#highlights #weather {
  grid-column: 6;
}
#highlights #other-highlights {
  grid-row: 2;
  display: flex;
  flex-direction: column;
  grid-column-start: 1;
  grid-column-end: -1;
  justify-content: space-between;
}
@media (min-width: 768px) {
  #highlights #other-highlights {
    flex-direction: row;
  }
}
:root {
  --bs-nav-link-font-size: 1.5rem;
  --bs-body-color: black;
  color-scheme: light dark;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: black;
}
@media (prefers-color-scheme: dark) {
  * {
    color: #fffbf7;
  }
}
body {
  min-height: 100vh;
  height: 100%;
}
body:has(.modal-open) {
  overflow: hidden;
}
#app {
  min-height: 100vh;
  height: 100%;
  /* @media (min-width: 768px) {
  	display: grid;
  }
  */
  grid-template-columns: [navbar] min-content [content] auto;
  grid-template-rows: [header] min-content [content] auto [footer] 5vh;
}
.menu {
  position: fixed;
  z-index: 10;
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
}
.menu div.logo {
  height: 5em;
  text-align: center;
}
.menu div.logo img.logo {
  height: 100%;
}
.menu .menu-list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-align: center;
  justify-content: space-around;
}
.menu .menu-list * {
  padding: 2rem;
  background-color: #555;
}
.menu {
  background-color: light-dark(white, black);
}
#header-wrapper {
  grid-column: content;
  grid-row: header;
  height: 5em;
}
#header-wrapper * {
  height: 100%;
}
#header-wrapper {
  grid-template-columns: 1fr 4fr 1fr;
}
#header-wrapper #header {
  justify-self: center;
}
#header-wrapper div.logo {
  height: 5em;
  background-color: light-dark(white, black);
  aspect-ratio: 1/1;
  padding: 0.25rem;
  transition: background-color 750ms;
  border-color: light-dark(black, white);
  border-right-width: 2px;
  border-right-style: solid;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-right-radius: 25px;
}
/* 
#mobile-header {
	div.logo {}
} */
#logo {
  grid-row: header;
  display: flex;
  justify-content: center;
  /* 	@media (max-width: 768px) {
  	display: none;
  } */
}
#mainView {
  grid-column: content;
  grid-row: content;
}
#nav_col {
  padding: 0;
  grid-row-start: content;
  grid-column-start: 0;
  height: min-content;
  top: 5rem;
}
@media (max-width: 768px) {
  #nav_col {
    display: none;
  }
}
#footer {
  max-width: 100vw;
  grid-column-start: navbar;
  grid-column-end: end;
  grid-row-start: footer;
}
.bg {
  background: linear-gradient(0deg in oklab, var(--outerColor), var(--innerColor) var(--outer-percent), var(--innerColor) var(--inner-percent), var(--outerColor));
  background-color: var(--innerColor);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.75s;
  transition: --innerColor 0.5s ease-in-out, --outerColor 0.5s ease-in-out, --inner-percent 0.5s ease-in-out, --outer-percent 0.5s ease-in-out;
}
a:any-link {
  color: var(--link-color, #ff00bf);
  /* font-style: ; */
  transition: all 150ms;
}
a:any-link:hover {
  color: var(--link-hover, #f787fa);
}
a:any-link.pill {
  background-color: initial;
  color: light-dark(black, #fffbf7);
}
img.logo {
  filter: invert(0);
  align-self: center !important;
}
@media (prefers-color-scheme: dark) {
  img.logo {
    filter: invert(1);
  }
}
.pill {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.pill.pink {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.pink.pink:hover {
  background-color: #ff00bf;
}
.pill.blue {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.blue.blue:hover {
  background-color: #0E97FA;
}
.pill.purpre {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.purpre.purpre:hover {
  background-color: #761ecf;
}
.pill.purple {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.purple.purple:hover {
  background-color: #410082;
}
.pill.dblue {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.dblue.dblue:hover {
  background-color: #2f3cbe;
}
.pill.darkblue {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.darkblue.darkblue:hover {
  background-color: #141e94;
}
.pill.durple {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.durple.durple:hover {
  background-color: #200044;
}
.pill.dpink {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.dpink.dpink:hover {
  background-color: #c011d7;
}
.pill.lblue {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.lblue.lblue:hover {
  background-color: #b5f2fd;
}
.pill.blurple {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.blurple.blurple:hover {
  background-color: #6760fe;
}
.pill.lpink {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.lpink.lpink:hover {
  background-color: #f787fa;
}
.pill.lpurple {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.lpurple.lpurple:hover {
  background-color: #e1bdf0;
}
.pill.orang {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.orang.orang:hover {
  background-color: #fdb18d;
}
.pill.green {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.green.green:hover {
  background-color: #97ffc4;
}
.pill.altpurple {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.altpurple.altpurple:hover {
  background-color: #6619B3;
}
.pill.thelink {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.thelink.thelink:hover {
  background-color: #b32e31;
}
.pill.nine8 {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.nine8.nine8:hover {
  background-color: #008080;
}
.pill.white {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.white.white:hover {
  background-color: #fffbf7;
}
.pill.black {
  /* &::before {
  	content: "";
  	width: 0%;
  	height: 5em;
  	background-color: $value;

  	position: absolute;
  	z-index: -1;
  	transition: width 200ms ease-in-out;
  	overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
  	&:hover {
  		&::before {
  			width: 100%;
  			transition: width 150ms ease-in-out;

  		}
  	}
  } */
}
.pill.black.black:hover {
  background-color: black;
}
.pill.white:hover {
  background-color: white !important;
  color: black;
}
.nav-link.active.pink,
.nav-link.router-link-active.pink,
.nav-link.router-link-exact-active.pink {
  background-color: #ff00bf;
}
.nav-link.active.blue,
.nav-link.router-link-active.blue,
.nav-link.router-link-exact-active.blue {
  background-color: #0E97FA;
}
.nav-link.active.purpre,
.nav-link.router-link-active.purpre,
.nav-link.router-link-exact-active.purpre {
  background-color: #761ecf;
}
.nav-link.active.purple,
.nav-link.router-link-active.purple,
.nav-link.router-link-exact-active.purple {
  background-color: #410082;
}
.nav-link.active.dblue,
.nav-link.router-link-active.dblue,
.nav-link.router-link-exact-active.dblue {
  background-color: #2f3cbe;
}
.nav-link.active.darkblue,
.nav-link.router-link-active.darkblue,
.nav-link.router-link-exact-active.darkblue {
  background-color: #141e94;
}
.nav-link.active.durple,
.nav-link.router-link-active.durple,
.nav-link.router-link-exact-active.durple {
  background-color: #200044;
}
.nav-link.active.dpink,
.nav-link.router-link-active.dpink,
.nav-link.router-link-exact-active.dpink {
  background-color: #c011d7;
}
.nav-link.active.lblue,
.nav-link.router-link-active.lblue,
.nav-link.router-link-exact-active.lblue {
  background-color: #b5f2fd;
}
.nav-link.active.blurple,
.nav-link.router-link-active.blurple,
.nav-link.router-link-exact-active.blurple {
  background-color: #6760fe;
}
.nav-link.active.lpink,
.nav-link.router-link-active.lpink,
.nav-link.router-link-exact-active.lpink {
  background-color: #f787fa;
}
.nav-link.active.lpurple,
.nav-link.router-link-active.lpurple,
.nav-link.router-link-exact-active.lpurple {
  background-color: #e1bdf0;
}
.nav-link.active.orang,
.nav-link.router-link-active.orang,
.nav-link.router-link-exact-active.orang {
  background-color: #fdb18d;
}
.nav-link.active.green,
.nav-link.router-link-active.green,
.nav-link.router-link-exact-active.green {
  background-color: #97ffc4;
}
.nav-link.active.altpurple,
.nav-link.router-link-active.altpurple,
.nav-link.router-link-exact-active.altpurple {
  background-color: #6619B3;
}
.nav-link.active.thelink,
.nav-link.router-link-active.thelink,
.nav-link.router-link-exact-active.thelink {
  background-color: #b32e31;
}
.nav-link.active.nine8,
.nav-link.router-link-active.nine8,
.nav-link.router-link-exact-active.nine8 {
  background-color: #008080;
}
.nav-link.active.white,
.nav-link.router-link-active.white,
.nav-link.router-link-exact-active.white {
  background-color: #fffbf7;
}
.nav-link.active.black,
.nav-link.router-link-active.black,
.nav-link.router-link-exact-active.black {
  background-color: black;
}
.pill img {
  height: 5rem;
}
.show > .pill {
  background-color: initial;
}
nav {
  /* 
  // @extend .bg;
  .photography>& {
  	@extend .photography
  } */
}
.navbar {
  background-color: transparent;
}
@media (min-width: 992px) {
  .navbar {
    align-items: start !important;
  }
}
.pfp {
  height: auto;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.wrapper {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slide-lr-enter-active, .slide-lr-leave-active {
  transition: all 0.2s;
}
.slide-lr-enter-from, .slide-lr-leave-to {
  transform: translateX(var(--transition-direction));
}
.slide-right-enter-active {
  transition: all 0.2s;
}
.slide-right-leave-active {
  transition: all 0.2s;
}
.slide-right-enter-from,
.slide-right-leave-to {
  transform: translateX(-100vw);
}
.slide-left-enter-active {
  transition: all 0.2s;
}
.slide-left-leave-active {
  transition: all 0.2s;
}
.slide-left-enter-from,
.slide-left-leave-to {
  transform: translateX(100vw);
}
.slide-up-enter-active {
  transition: all 0.5s;
}
.slide-up-leave-active {
  transition: all 0.5s;
}
.slide-up-enter-from,
.slide-up-leave-to {
  transform: translateY(-100vw);
}
.slide-down-enter-active {
  transition: all 0.5s;
}
.slide-down-leave-active {
  transition: all 0.5s;
}
.slide-down-enter-from,
.slide-down-leave-to {
  transform: translateY(100vw);
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 200ms ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.links-container {
	/* max-width: 70%; */
}
.link-div {
	border: 4px solid white;
	background-color: #6760fe;
	border-radius: 10px;
	transition:all 250ms;
	/* text-align: center; */
	font-size: 1.5rem;
}
.link-div:hover {
	/* background-color: #761ecf; */
	background-color: #0E97FA;
}
.link:not(:last-child),
.link-div:not(:last-child){
	margin-bottom: 0.5rem;
}

/* .link} */

hr {
	min-width: 100%;
	opacity: 1;
}

/* .list-move, */
.list-enter-active,
.list-leave-active {
	transition: all 0.5s ease;
}
.list-enter-from {
	opacity: 0;
	transform: translateY(-100vh);
}
.list-leave-to {
	opacity: 0;
	transform: translateY(100vh);
}
.list-leave-active {
	position: absolute;
	overflow: hidden;
	/* filter:invert(1) */
}