@import url('https://fonts.googleapis.com/css?family=Roboto');

a {
  text-decoration: none
}

a:hover {
  text-decoration: underline
}

body {
  font-family: "Roboto", "arial";
  padding-top: 5px;
}

button {
  background-color: #bbb;
  padding: 5px 15px
}

table {
  background-color: #f7f6f6;
  color: #000
}

th {
  background-color: #F0E68C;
  color: #000
}

.BgImg {
  background-repeat: no-repeat;
  background-image: url(/templates/default/images/cover.jpg);
  background-position: center;
  background-size: cover;
  filter: blur(3px);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.IndexTitle {
  color: #fff;
  font-size: xx-large;
  font-weight: 900;
  left: 2%;
  position: relative;
  text-shadow: 1px 1px 4px black;
}

.IndexTitle2 {
  color: #66ff66;
  font-size: xx-large;
  font-weight: 900;
  left: 2%;
  position: relative;
  text-shadow: 1px 1px 4px black;
}

@media screen and (prefers-color-scheme:light) {

  a,
  a:visited {
    color: #00f
  }
}

@media screen and (prefers-color-scheme:dark) {

  a,
  a:visited {
    color: #fff
  }

  body {
    background-color: #555;
    color: #fff;
  }

  header,
  header a,
  header a:visited {
    color: #000
  }
}