@charset "utf-8";
@font-face{
	font-family: "TitleFont";
	src:url("assets/VCR_OSD_MONO_1.001.ttf")
}
@font-face{
	font-family: "ParagraphFont";
	src:url("assets/MinecraftStandard.otf")
}

html{
	background-image: url("assets/background.gif");
	background-color: black;	
}

header {
  width: 100%;
}

header img{
  display: block;
  max-height: 400px;
  margin: auto;
  transition: 0.2s;
}

header img:hover{
  display: block;
  transform: scale(1.02);
  margin: auto;
}

#topnav {
 display:flex;
 justify-content: center;	
}

#topnav img{
  transition:0.2s;
}

#topnav img:hover {
 transform: scale(1.02);	
}

#topnav a{
 margin-right:48px;
 margin-left:10px;	
}
#container{
	border: 5px solid white;
	width:75%;
	margin:auto;
	background-color: black;
}

#container h1{
	color:white;
	width:auto;
	font-family:"TitleFont";
	font-size: 300%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
}

.row {
  display: flex;
  justify-content: center;   
  align-items: flex-start;     
  gap: 10px; 
  padding: 25px;
}

.column_left {
	width:33%;
	justify-content: center; 
}

.column_right{
	justify-content: center; 
	width:33%;
	
}

.column_center{
	justify-content: center; 
	width:33%;
	
}

.column_right p, .column_center p, .column_left p{
	margin: 10px;
	padding:10px;
    text-align: left;
	color:white;
	font-family:"ParagraphFont";
	font-size:10px;
	
}
.column_left ul, .column_right ul, .column_center ul {
	margin: 10px;
	padding:10px;
    text-align: left;
	color:white;
	font-family:"ParagraphFont";
	font-size:10px;
	
}

.column_left h2, .column_center h2 , .column_right h2{
	margin: 10px;
	padding:10px;
    text-align: center;
	color:white;
	font-family:"ParagraphFont";
	font-size: 15px;
}

.column_right h3{
	margin: 10px;
	padding:10px;
    text-align: center;
	color:white;
	font-family:"ParagraphFont";
	font-size: 13px;
}