body {
  background-color:#E2EAF6;
  color:#000000;
  font-family:Ossem-Rounded;
  font-size:1.5vw;
  margin:0;
  user-select:none;
}

@font-face {
  font-family:"Ossem-Rounded";
  src:url("stuff/Ossem-Rounded.otf");
}

div {
  box-sizing:border-box;
}

#title-container {
  background-color:#2159C9;
  border-radius:1vw 1vw 1vw 0;
  box-shadow:0 0 0.1vw #000000;
  display:flex;
  justify-content:center;
  margin:1vw 35vw 0 35vw;
}

#title {
}

#title h1 {
  color:#FFFFFF;
  margin:0;
  text-shadow:0.1vw 0.1vw 0.05vw #000000;
}

h2, h3 {
  color:#2159C9;
  display:inline;
  margin:0;
  text-align:center;
}

h3 { 
  font-size:2vw;
}

.content-container {
  background-color:#FFFFFF;
  border-radius:1vw;
  box-shadow:0 0 0.1vw #000000;
  /*display:flex;
  justify-content:center;*/
  margin:0.6vw 26.25vw 0.6vw 26.25vw;
  padding:1vw;
  position:relative;
}

.inner-content {
  display:flex;
  justify-content:center;
  margin:0 0 1vw 0;
}

input[type=checkbox] {
  width:0.8vw;
}

.logging {
  border-collapse:collapse;
}

.logging th {
  /*border:0.05vw solid #000000;*/
/*  padding:0.5vw 0.5vw 0.1vw 0.5vw*/
  paddin:1vw;
  text-align:left;
}

.loggin tr {
  border-bottom:0.1vw solid #000000;
}

.logging td, th {
  font-size:1vw;
  padding:0.25vw;
  text-align:left;
  /*border:0.05vw solid #000000;*/
}