@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  color-scheme: light dark;

  --light-bg: #ffffff;
  --light-bg-scnd: #dddddd;
  --light-text: #000000;
  --light-btn: #b7b7b7;
  --light-btn-hvr: #9c9b9b;
  --light-btn-click: #5c5b5b;

  --dark-bg: #2C2C2C;
  --dark-bg-scnd: #9B111E;
  --dark-text: #E0E0E0;
  --dark-btn: #FFD700;
  --dark-btn-hvr: #FFB800;
  --dark-btn-click: #E59400;
  --dark-btn-text: #2C2C2C;
}

* {
  margin: 0;
  padding: 0;

  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.light { 
  /* forces light color-scheme */
  color-scheme: light;
}

.dark {
  /* forces dark color-scheme */
  color-scheme: dark;
}

.hidden {
  display: none !important;
}

.align-right {
  text-align: right;
}

.blocker {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
}

.uiBlock {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
}