/* global configurations */
:root {
  --idpro_color: rgb(85, 85, 87);
  --dark_text: rgb(65, 65, 65);
  --dark_trans: rgba(65, 65, 65, 0.8);
  --trans_color: rgba(255, 255, 255, 0.4);
  --border_rad: 10px;
}

* {
  box-sizing: border-box;
}

body {
  display: flex;
  flex-direction: column;
  margin-top: 0px;
  margin-left: 0px;
  width: 100vw;
  height: 100svh;
  overflow-x: hidden;
  overflow-y: hidden;
  font-family: Arial, Helvetica, sans-serif;
  background-image: url(./img/labDevices.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-backdrop-filter: grayscale(0.3) contrast(0.4);
  backdrop-filter: grayscale(0.3) contrast(0.4);
  background-color: white;
}

#headDiv {
  background-color: var(--trans_color);
  display: grid;
  grid-template-columns: fit-content(100%) auto;
  grid-template-rows: fit-content(100%) fit-content(100%);
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

#contentDiv {
  height: 85vh;
  position: relative;
  display: grid;
  grid-template-rows: 25% 60% 15%;
  grid-template-columns: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  overflow: hidden;
}

#footerDiv {
  height: 7vh;
  color: white;
  text-align: center;
}

#footContDiv {
  position: absolute;
  bottom: 10%;
  border-radius: var(--border_rad);
  background-color: var(--dark_trans);
  margin-left: 15vw;
  margin-right: 15vw;
  overflow: hidden;
}