/* Default CSS styling overrides */
@font-face {
	font-family: "my-font";
	src: url("fonts/my-font.otf");
}

.container {
	display: grid;
	grid-template-columns: auto auto auto auto;
	justify-content: center;
	column-gap: 0px;
}

.jump1{
	animation: move 2s infinite;
	animation-delay: 0;
}

.jump2{
	animation: move 2s infinite;
	animation-delay: 0.25s;
}

.jump3{
	animation: move 2s infinite;
	animation-delay: 0.5s;
}

.jump4{
	animation: move 2s infinite;
	animation-delay: 0.75s;
}

@keyframes move{
		0%{transform:translateY(0px);}
		25%{transform:translateY(-50px);}
		50%{transform:translateY(0px);}
		100%{transform:translateY(0px);}
}

/* Write your CSS here! */
body {
	margin-top: 30px;
	margin-left: 50px; 
	margin-right: 50px; 
	font-family: "my-font";
	background-color: black;
	font-size: 12px;
	line-height: 12px;
}

h1{
	font-family: "my-font";
	color: white; 
	font-size: 8.5vw; 
	text-align: center; 
	line-height: 1; 
	margin-top: 0; 
	margin-bottom: 0; 
	margin-right: 0px; 
	margin-left: 0px;
}

h3{
	font-family: "my-font";
	color: white; 
	font-size: 2.5vw; 
	text-align: center;
	margin-top: 5px; 
	margin-left: 150px; 
	margin-right: 150px; 
}

h6{
	font-family: "my-font";
	color: #BECFA7; 
	font-size: 1.2vw; 
	text-align: center;
	margin-left: 150px; 
	margin-right: 150px; 
}

pre {
	font-family: "my-font", monospace;
	font-size: 0.53vw;
	line-height: 0.61vw;
}

.green {
	color: #BECFA7;
	font-size: 0.69vw;
	line-height: 0.80vw;
}

.darkgreen {
	color: #80916A;
	font-size: 0.69vw;
	line-height: 0.80vw;
}

.g2{
	color: #80916A; 
}

.white {
	color: #FFFFFF;
}