.headercolour {
  /*display: none;*/
}

h1 {
  color: white;
  font-size: 20px;
  font-weight: normal;
}

/*
body {
    /*display: grid;
    place-items: center;*/

    /*min-height: 100vh;
    background-color: #222222;*/

    /*overflow-y: hidden; /* Hide vertical scrollbar */
    /*overflow-x: hidden; /* Hide horizontal scrollbar
}
*/

.container {
    width: 100%;
    height: 50vh;
    position: relative;
    outline: 8px solid #000000;
    background-color: #000000;
    overflow: hidden;
    border: 1px solid #333;

}

.container :hover {
    cursor: grab;
}

.container img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: contain;
}

.viewerbutton {
  background-color: #3F564A;
  margin-top: 0px;
  margin-left: 6px;
  margin-bottom: 10px;
  /*margin-right: 10px;*/
  padding: 8px;
  padding-left: 30px;
  padding-bottom: 10px;
  width: 110px;
  border: 1px solid #bbb;
  cursor: pointer;
  float: right;
  display: inline-block;
  position: relative;
  border-radius: 4px;
  -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
  text-align: center;
  font-weight: normal;
  font-family: 'Roboto'; font-size: 14px; color: #ffffff;
}

.viewerbutton:hover {
    border: 1px solid #333;
}

.closebutton {
  background-image: url('../images/close-white-icon.png');
  width: 30px;
  height: 30px;
  margin-top: -3px;
  margin-left: -30px;
  position: absolute;
  object-fit: contain;
}

.resetbutton {
  background-image: url('../images/reset-white-icon.png');
  width: 30px;
  height: 30px;
  margin-top: -3px;
  margin-left: -30px;
  position: absolute;
  object-fit: contain;
}

.magnifyplusbutton {
  background-image: url('../images/magnify-plus-white.png');
  width: 30px;
  height: 30px;
  margin-top: -3px;
  margin-left: -30px;
  position: absolute;
  object-fit: contain;
}

.magnifyminusbutton {
  background-image: url('../images/magnify-minus-white.png');
  width: 30px;
  height: 30px;
  margin-top: -3px;
  margin-left: -30px;
  position: absolute;
object-fit: contain;
}