/* FONTZ */

@font-face {
  font-family: pixel;
  src: url(/FONTS/sevenet7.ttf);
}

@font-face {
  font-family: sleuth;
  src: url(/FONTS/underwood_champion.ttf);
}

.mainText {
  font-family: pixel;
}

.sleuthText {
  font-family: sleuth;
}

/* animationz */



/* general rulez */

body {
 margin-top: 10% !important;
 background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(18, 0, 18) 100%);
 color: white;
 margin: auto;
 text-align: center;
}

.topbar {
 top: 0;
 left: 0;
 background-image: url('/ASSETS/topbar.png');
 background-size: 100% 100%;
 width: 100%; 
 color: white;
 padding: 1% 0%;
 display: inline-block;
 text-align: left;
 position: fixed;
}

.navTextz {
 top: 35%;
 position: absolute;
 display: inline-block;
}

button.nav {
  background: none;
  border: none;
	transition: transform .2s cubic-bezier(0.175, 0.985, 0.32, 1.275);
	font-family: pixel;
	color: white;
	font-size: 46px;
}

button.nav:hover{
  background: none;
  border: none;
  transform: scale(1.25);
  font-family: pixel;
  color: white;
  font-size: 46px;
}

.footer {
 bottom: 0;
 left: 0;
 background: black;
 width: 100%; 
 color: grey;
 text-align: center;
}

img.display {
  border: double;
}

button.link {
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(80, 0, 80) 100%);
  border: solid white 4px;
	transition: transform .2s cubic-bezier(0.175, 0.985, 0.32, 1.275);
	font-family: pixel;
	color: white;
	font-size: 26px;
}

button.link:hover{
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(90, 0, 80) 75%);
  border: solid white 1px;
  transform: scale(1.20);
  font-family: pixel;
  color: white;
  font-size: 26px;
}