body{
  height: 100vh;
  width: 100vw;
  background-color: black;
  margin: 0rem;
  overflow: hidden;
  font-family: Josefin Sans, sans-serif;
  text-transform: uppercase;
  font-size: 3vmin;
	-webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
  ms-user-select: none;
}
#image-track {
  display:flex;
  gap: 4vmin;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(0%, -50%); 
}

#image-track > .fig{
    display:block;
    overflow: hidden;
}

.image{    
  transition: .3s ease-in-out;
  width: 50vh;
  height: 80vh;
  overflow: hidden;
  display:block;
  object-fit: cover;
  object-position: 100% center;
}

.back{
	transition: 0.1s ease-in-out;
	height:2vw;
	transform: rotate(180deg);
	bottom:1vw;
	position: fixed;
	filter: opacity(75%);
}
.back:hover{
	transition: 0.1s ease-in-out;
	transform: rotate(190deg);
	filter: opacity(100%);
}
/* -- YouTube Link Styles -- */

body.menu-toggled > .meta-link > span {
  color: rgb(30, 30, 30);
}


#menu-link{
}

#cg-link{
}
ul{
	position: fixed;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
	display:flex;
  bottom: 0;
  width:100vw;
  list-style-type: none;   
  gap:8vmin; 
}
li{
	display:flex;
}
.meta-link {
	display: flex;
  transition: .01s ease-in-out;
  cursor: pointer;  
  text-decoration: none;
  z-index: 10000;
  user-select: none;
  width:10vw;
  height:2vw;
  justify-content: center;
  align-items: center;
}

.meta-link:hover {
  transition: .01s ease-in-out;
  text-shadow: 0 0 20px #fff,0 0 40px #fff;
}
/*.glow{
	text-shadow: 0 0 10px #fff;
}
.glow:hover{
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow{
  from {
    text-shadow: 0 0 10px #fff;
  }
  
  to {
    text-shadow: 0 0 20px #fff;
	}
}
*/

.meta-link > span {
  transition: .3s ease-in-out;
  color: rgba(255,255,255,.33);
  font-weight: 500;

}
.meta-link:hover > span {
  transition: .3s ease-in-out;
  color: rgba(255,255,255,1);
}
/* 
MASONERY

img {
		max-width: 100%;
		display: block;
}
.item{
	transition: all .1s ease-in-out;
}
.item:hover{
	transition: all .1s ease-in-out;
	transform: scale(110%);
}

* {
		box-sizing: border-box;
}

.masonry {
		width: 80%;
		margin: 0 auto;
		column-count:3;
		column-gap: .5em;
	}

	@media screen and (max-width: 768px) {
		.masonry {
			width: 90%;
		}
	}

	@media screen and (max-width: 480px) {
		.masonry {
			width: 100%;
		}
	}

	.masonry_item {
		margin: 0;
		width: 100%;
	}

	.masonry_item img {
		margin: 0 0 .5em 0;
	}

	@media screen and (max-width: 1920px) {
		.masonry {
			column-count: 3;
		}
	}

	@media screen and (max-width: 1440px) {
		.masonry {
			column-count: 2;
		}
	}

	@media screen and (max-width: 1080px) {
		.masonry {
			column-count: 1;
		}
	}

	}*/