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

body {
	
	background-image: url("/media/jogstudio/log_jogstudio(20240624).png");
	background-size: 100%;
	background-repeat: repeat-y;
	}

@font-face {

	font-family: atarian;
	src: url('/media/fonts/SF Atarian System.ttf')
}



a {

	font-family: atarian;
	font-size:8px;
	background : #444444;
	color: #6C6C6C;
	font-size:1vw;
}

h1 {
		
	font-family: atarian;
}

a.linkbutton {

	font-family: atarian;
	font-size:8px;
	background : #000;
	color: #6C6C6C;
	font-size:2vh;
	border: 2px solid yellow;
	margin:1%;
	padding:1vh;
	animation: menubtn 5s ease-in;
	animation-delay: 5s;
	animation-fill-mode:forwards;

}

div.updates{

	font-size:1.5vh;
	padding:1vw;
	overflow-y:scroll;
	height:53vh;
	background:rgba(255,0,0,0.3);
	border:1px solid #fff34f;
}

div.sig{
	height: 4vh;
	margin: 1%;
	width: 15vw;
	background-color: rgba(201, 201, 76, 0.3);
	padding:1%;
	text-align:right;
	font-size:1.5vh;
	border:1px solid #fff34f;
}

img.showcase{
	height: 49vh;
	margin: 1%;
	#width: 15vw;
	background-color: linear-gradient(10deg, #000, #111111, #000, #444444, #000, #777777, #000 ,#AAAAAA,#000, #777777, #000, #444444, #000, #111111, #000 );
	padding:1%;
	#text-align:right;
	#font-size:1.5vh;
	border:5px inset #fff34f;
}


@keyframes menubtn{
	0%{
		background : #000;
		color:#000;
	}
	94%{
		opacity: 1;
	}
	95%{
		opacity: 0;
	}
	96%{
		opacity: 1;
	}
	97%{
		opacity: 0;
	}
	98%{
		opacity: 1;
	}
	99%{
		opacity: 0;
	}

	100%{
		opacity: 1;
		background : #fff;
		color: #f00;
	}
}

ul {
	font-family:atarian;
	font-size:2vh;
}