/**
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/
 */
.u-font-weight-bold {
  font-weight: bold; }

.u-font-size-bigger {
  font-size: bigger; }

.u-width-1rem {
  width: 1rem; }

.u-width-full {
  width: 100%; }

.u-height-full {
  height: 100%; }

.u-position-relative {
  position: relative; }

.u-display-flex {
  display: flex; }

.u-display-block {
  display: block; }

.u-display-inline-block {
  display: inline-block; }

.u-full-w {
  width: 100%; }

.u-full-h {
  height: 100%; }

.u-shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }

.u-clickable {
  cursor: pointer; }

.u-opacity-07 {
  opacity: 0.7; }

/**
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/
 */
.landing-container {
  height: 100%;
  width: 100%;
  background-image: url("../images/landing-background.jpeg");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center; }

.landing {
  padding: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px; }
  .landing-card {
    border: 3px black solid;
    padding: 20px 10px;
    min-width: 250px;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 10px;
    border-radius: 10px;
    cursor: pointer; }
    .landing-card.theme-light {
      background-color: #fff; }
    .theme-light .landing-card {
      background-color: #fff; }
    .landing-card.theme-dark {
      background-color: #424242; }
    .theme-dark .landing-card {
      background-color: #424242; }
    .landing-card:hover {
      box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.8); }
    .landing-card__icon {
      width: 48px; }

.landing header {
  padding: 5%;
  display: flex;
  text-align: center;
  align-items: center; }
  .landing header.theme-light {
    color: #000; }
  .theme-light .landing header {
    color: #000; }
  .landing header.theme-dark {
    color: #fff; }
  .theme-dark .landing header {
    color: #fff; }
  .landing header img {
    width: 70px;
    margin-right: 10px; }
  .landing header h1 {
    margin-bottom: 5px; }