@font-face {
	font-family: "LovelyFont";
	src: url(BleedingCowboys.ttf);
}
.box{
  background-color: white;
  border: 1px solid black;
  border-radius: 5px;
  width:500px;
  height:125px;
  margin:auto; 
  overflow : scroll;
  }
.flex{
    display: flex;
    flex-direction: coloumn;
justify-content: center;
align-self: center;
  }
  .flex img{
    width: 30%;
    margin: 20px;
    align-self: center;
    }
h1 {
	font-family: "LovelyFont";
	font-weight: 100;
	font-size: 40px;
	margin: auto;
	display: block;
}
.para{
  display:block ;
  margin: auto; 
  }
  h3 {
    text-align:center;
    }
@font-face {
	font-family: "DARKAF";
	src: url(Black\ Empire.otf);
}
h3 {
	font-family: "DARKAF";
	font-weight: 100;
	font-size: 23px;
	line-height: 0.8 ;
}
h2 {
	font-family: "DARKAF";
	font-weight: 50;
	font-size: 40px;
	margin-left: 400px;
}
body {
	margin: 0;
	padding: 0;
	background-image: url(IMG_2039.jpeg);
	background-repeat: repeat;
	background-size: 30% ;
}
#dude {
	font-size: 100px;
}
.title{
  display:block ;
  margin: auto ;
     text-align:center;
  margin-top: 50px;
  margin-bottom: -10px; 
  
  
  }