html body {
  background-image: url("../img/bg.jpg");
  background-size: cover;
  height: 100%;
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body p, html body span, html body div, html body a, html body li {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
html body .row {
  display: flex;
}
html body .row .col {
  flex: 1;
}
html body .page {
  max-width: 1024px;
  margin: auto;
  padding-top: 100px;
}
html body .page h3.pageTitle {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}
html body .page p.asof {
  text-align: center;
}
html body .page .row {
  display: flex;
  gap: 10px;
}
html body .page .row .col {
  flex: 1;
  aspect-ratio: 4/3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}
html body .page .row .col.phbg {
  background-image: url(../img/phbg.jpg);
}
html body .page .row .col.wtempbg {
  background-image: url(../img/wtempbg.jpg);
}
html body .page .row .col.dobg {
  background-image: url(../img/dobg.jpg);
}
html body .page .row .col.ecbg {
  background-image: url(../img/ecbg.jpg);
}
html body .page .row .col.tdsbg {
  background-image: url(../img/tdsbg.jpg);
}
html body .page .row .col.wlevelbg {
  background-image: url(../img/wlevelbg.jpg);
}
html body .page .row .col.atempbg {
  background-image: url(../img/atempbg.jpg);
}
html body .page .row .col.humbg {
  background-image: url(../img/humbg.jpg);
}
html body .page .row .col p {
  margin: 0;
  padding: 0;
  padding-top: 40px;
  font-size: 20px;
  font-weight: bold;
}
html body .page .row .col p.red {
  color: rgb(202, 0, 0);
}
html body .page .row .col p.yellow {
  color: rgb(255, 196, 0);
}
html body .page .row .col p.green {
  color: rgb(0, 116, 35);
}
html body .authors .bgAuthors {
  background: url("../img/authors.jpg");
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
html body .about .bgAbout {
  background: url("../img/about.png");
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
html body .outside {
  max-width: 1024px;
  margin: auto;
}
html body .outside .col.left {
  background: url("../img/macs.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
}
html body .outside .col.right {
  background-color: white;
  padding: auto;
  text-align: center;
}
html body .outside .col.right .topIcon {
  max-width: 150px;
  margin-top: 100px;
  margin-bottom: 10px;
}
html body .outside .col.right .title {
  font-size: 36px;
}
html body .outside.login .col.right form {
  max-width: 350px;
  margin: auto;
}
html body .outside.login .col.right form label {
  display: block;
  text-align: left;
  margin-bottom: 5px;
}
html body .outside.login .col.right form input {
  display: block;
  width: 100%;
  height: 35px;
  margin-bottom: 20px;
}
html body .outside.login .col.right form input[type=submit] {
  background-color: rgb(0, 116, 35);
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 35px;
  margin-bottom: 70px;
}
html body .outside.dashboard .col.right .buttonMenu {
  max-width: 350px;
  margin: auto;
}
html body .outside.dashboard .col.right .buttonMenu a {
  text-decoration: none;
}
html body .outside.dashboard .col.right .buttonMenu button.dashboardBtn {
  display: block;
  height: 35px;
  margin-bottom: 45px;
  width: 100%;
  background-color: rgb(0, 116, 35);
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}/*# sourceMappingURL=style.css.map */