@charset "utf-8";

* {
  margin: 0;
  border: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  overflow: hidden;
}

header {
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 0;
  width: 100%;
  height: 8%;
  background-image: image("../img/bar.png");
}

header img {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1:
}

header form {
  position: absolute;
  left: 50%;
  width: 50%;
  height: 100%;
  background-color: #0276bc;
  z-index: 10;
}

header form div {
    display: inline-block;
    margin-top: 10px;
    margin-left: 2%;
    width: 30%;
    /*border: 1px #0f0 solid;*/
}

header form input {
    font-size: 1em;
    padding: .3em;
    border-radius: 4px;
}

header form input[type="submit"] {
    width: 30%;
    cursor: pointer;
}

header form input[type="submit"]:hover {
    background-color: #2498de;
}

header form input[type="submit"]:active {
    background-color: #e0be60;
}

main {
  position: relative;
  width: 100%;
  height: 92%;
  top: 0;
  left: 0;
  overflow: auto;
}

main img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}