@import url("presence-coworker.css");
@import url("calendar.css");
@import url("presence-management.css");
@import url("weather.css");
@import url("aemtli.css");
@import url("layout.css");

:root {
  --backgroundColor: #000000;
  --primaryColor: #00bfff;
  --borderColor: #FFFFFF;
  --fontCompany: Museo300-Regular;
}

* {

  box-sizing: border-box;
  font-family: var(--fontCompany);
}


body,
html {
  background-color: var(--backgroundColor);
  color: white;

  margin: 0px;
  padding: 0px;

  width: 100vw;
  height: 100vh;
  /* gap: 10px; */
  scrollbar-width: none;
}


fieldset {
  height: 100%;
  border: none;
  border-top: 2px solid white;
  position: relative;
  padding: 0;
  margin: 0;
}

fieldset legend {
  position: relative;
  font-size: 40px;
  text-align: center;
}

@media only screen and (min-width: 2500px) {
  fieldset {
    border-top: 4px solid white;
  }

  fieldset legend {
    font-size: 60px;
  }
}



/* main::before {
  content: "";
  position: absolute;
  left: calc(60%);
  top: 120px;
  bottom: 20px;
  width: 4px;
  background: linear-gradient(to right, white, black);
} */