html, body {
  position: absolute;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  background: rgb(3,1,29);
background: linear-gradient(317deg, rgba(3,1,29,1) 0%, rgba(2,16,37,1) 11%, rgba(12,48,98,1) 100%);
}

img {
  padding: 3px;
  margin: 0px;
}

h1 {
  padding-left: 7px;
  font-family: 'Josefin Sans', sans-serif;
  color: white;
}

a {
  text-decoration: none;
}

.splash {
  position: fixed;
  background-color: rgba(3, 1, 15, 1);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.viewer-container{
  position: fixed;
  top: 0px;
  left: 0px;
  width:100%;
  height:100%;
  display: none;
  background-color: rgba(0, 0, 0,.8);
  z-index: 100;
}


.nav {
  position: fixed;
  z-index: 2;
  top: 0px;
  left: 0px;
  height: 75px;
  width: 100%;
  background-color: rgba(3, 1, 15, .3);
}

.gallery-container {
  position: absolute;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
}

.viewer img, .gal-img:hover{
  cursor:pointer;
}
.imgView {
  object-fit: cover;
}

.gallery {}

.gal-img {}