body {
  min-width: 100vh;
  min-height: 100vh;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  background-color: #fafafa;
}

div#header {
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  background-color: #fafafa;
}

div#page-header {
  min-width: 100%;
  display: flex;
  flow-direction: row;
  justify-content: space-between;
  background-color: #fafafa;
  align-items: center;
  padding: 0.5em;
  border: 0px;
}

div#headings{
  width: 100%;
  flex: 2;
  padding: 0.5em; }

div#logo {
  flex: 1;
  display: flex;
  width: 100%;
  height: 7em;
  background: url(img/logo-bals.png) no-repeat;
  background-size: contain;
  background-position: center center;
}

div#navigation {
  position: fixed;
  top:10em;
  left: 6%;
}

div#main {
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background: url(img/adieu.png) no-repeat;
  background-position: bottom;
  background-size: cover;
  flex: 1;
  padding: 1em;
}

div#data {
  width: 70%;
  background-color: hsla(0,50%,100%,0.5);
  display: flex;
  flex-direction:column;
  justify-content: space-around;
  margin: auto;
  border: 0px;
  padding: 1em;
}

div#references {
  width: 70%;
  margin: auto;
}

div#login{
  display: flex;
  padding: 0.5em 1em 1em 1em;
  margin: auto;
  align-items: center;
  justify-contents: space-around;
  background-color: hsla(0, 50%, 100%, 0.5);
}

div#buttonbox{
  width: 100%;
  padding: 1em 0 0 0;
}

div#buttonbox input {
  width: 100%;
  font-size: 14pt;
  color: #1b3954;
  padding: 0.2em;
}

div#references li {
  font-size: 14pt;
}

div#footer{
  width: 90%;
  margin: auto;
  align-contents: center;
  text-align: center;
  padding: 1em;
}

address{
  text-align: center;
  color: #265076;
}

div#adieu {
  height: 600px; width: 900px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content:center;
  text-align: center;
}

div#adieu h1 {
  width: 40%; height: 20%;
  line-height: 5em;
  margin: auto;
  border: 4em solid white;
  background-color: hsla(0,50%,100%,0.6);
  border-color: hsla(0,50%,100%,0.4);
  background-clip: padding-box;
}

div#adieu p {
  line-height: 2em;
}

div#fuss {
  top-marigin: 1em, auto;
  text-align: center;
}

h1 {
  font-size: 20pt;
  color: #265076;
}

h2 {
  font-size: 16pt;
  color: #265076;
}

p {
  font-size: 14pt;
  color: #1b3954;
}

a {
  color: #265076;
}

label {
  font-size: 14pt;
  color: #1b3954;
}

.fancy-input {
  width: 100%;
  margin: 0 0 0 0;
  position: relative;
}

.fancy-input label {
  position: absolute;
  background: #fff;
  padding: 0 .5em;
  font-size: .8em;
  top: 0.9em;
  left: .5em;
  transition: all .3s ease;
}

.fancy-input label.like-placeholder {
  color: #999;
  font-size: 1em;
  top: 1.5em;
  left: .5em;
}

.fancy-input input {
  width: 24em;
  padding: .5em;
}


input[type=submit] {
  background: linear-gradient(to bottom, #ccc, #ddd 30%, #999);
  cursor: pointer;
}

table {
  width: 90%; 
  border: 1px solid #b1b1b1;
  border-collaps: collapse;
  border-spacing: 0; 
  table-layout: auto;
}

th {
  background: linear-gradient(to bottom, #dfdfdf, #f8f8f8 30%, #bbb);
  color: #1b3954;
  padding: 0.2em;
  border-bottom: 1px solid #b1b1b1;
  border-right: 1px solid #b1b1b1
}

tr {
  background-color: #fafafa;
  color: #1b3954;
}

tr:nth-child(odd) {
  background-color: #efefef;
  color: #1b3954;
}

td {
  padding: 0.2em;
  border-bottom: 1px solid #888;
  border-right: 1px solid #888;
}

td.alias {
  background-color: #ddd;
  border-left: 1px solid #888;
}