/* FUTURE BOY Studio */
/* 4 8 15 16 23 42 */

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

@keyframes fadeInOut { 
  from { opacity: 0; } 
  to { opacity: 1; } 
}

* {
	margin: 0;
	padding: 0;

body {
	background: url('../images/future-boy-studio-background-c.png') no-repeat;
	background-size: cover;
	background-align: top;
}

.box {
	position: relative;
}

#container {
	width: 100vw;
	height: 100vh;
}

#logo {
	width: 50vw;
	height: 50vh;
	margin: auto;
	top: 42px;
	background: url('../images/future-boy-studio-logo-v3.png') no-repeat center;
	background-size: contain;
}

#tagline {
	top: 88px;
	color: #fff;
}

#info {
	top: 180px;
	text-align: center;
	color: #fff;
}

.game-title {
	color: #000;
}

.retro {
	font-family: "Press Start 2P", system-ui;
	font-weight: 400;
	font-style: normal;
}

h1 {
	text-align: center;
	font-size: 2em;
}

p {
	padding: 16px;
}

.pulse {
    animation: fadeInOut 1s infinite alternate;
	color: #000;
}

#ig {
	display: block;
	width: 88px;
	height: 88px;
	top: 230px;
	margin: 0 auto;
	background: url('../images/instagram-logo.svg');
	transition: 0.5s ease;
}

#ig:hover {
	transform: scale(1.125);
}

#praetorians {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 23px;
	width: 23px;
}

#praetorians a:link { color: #fff; text-decoration: none; }
#praetorians a:visited { color: #fff; text-decoration: none; }
#praetorians a:hover { color: #fff; text-decoration: none; }
#praetorians a:active { color: #fff; text-decoration: none; }