/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : Jan 11, 2024, 8:55:45 AM
    Author     : contronics
*/
@import url("/web/css/form.css");
@import url("/web/css/colors.css");
@import url("/web/css/buttons.css");
@import url("/web/css/inputs.css");
@import url("/web/css/menu.css");

@font-face {
  font-family: Roboto-Condensed;
  src: url(/fonts/Roboto/Roboto-Medium.ttf);
}

@font-face {
  font-family: Lato-Regular;
  src: url(/fonts/Lato/Lato-Regular.ttf);
}

* {
  margin:0;
  padding:0;
  text-decoration: none;
  font-family: "Lato-Regular", "Roboto-Condensed", serif;
}

html, body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;

  align-content: center;
  justify-content: center;
}

nav {
  display: flex;
  overflow: hidden;
  color: blue;
  z-index: 999999;
}

header {
  text-align: center;
  color: var(--HEADER_FOREGROUND_COLOR);
  background-color: var(--HEADER_BACKGROUND_COLOR);
  height: 8%;
}

main {
  flex: 1;
  display: flex;
  height: 90%;
  flex-direction: column;
  color: var(--MAIN_FOREGROUND_COLOR);
  background-color: var(--MAIN_BACKGROUND_COLOR);

  background: linear-gradient(to bottom right,
    rgba(0,0,0,.30),
    rgba(0,0,0,.25),
    rgba(0,0,0,.25),
    rgba(255,255,255,.05),
    rgba(255,255,255,.10),
    rgba(255,255,255,.30),
    rgba(255,255,255,.10),
    rgba(255,255,255,.05),
    rgba(0,0,0,.25),
    rgba(0,0,0,.25),
    rgba(0,0,0,.30));
}

footer {
  height: 2%;
  text-align: center;
  color: var(--FOOTER_FOREGROUND_COLOR);
  background-color: var(--FOOTER_BACKGROUND_COLOR);
}