@charset "utf-8";
/* CSS Document */

body {
	background: yellow;
	padding: 0;
	margin: 0;
}

h1 {
	font-family: 'Koulen', cursive;
	color: black;
	font-size: 60px;
}

h2, h4 {
	font-family: 'Koulen', cursive;
	color: black;
	font-size: 40px;
}

h3, h5 {
	font-family: 'Koulen', cursive;
	color: yellow;
}

h5 {text-align: right;
	
	
}

p{
	font-family: 'Koulen', cursive;
	font-size: 1.5em;
	color: black;
}

.container {
	width: 100%;
	background-color: black;
	margin: auto;
	padding: 0;
	box-shadow: 0px 0px 10px gray;
	
}

.navi{
	background-color: black;
	min-height: 120px;
	list-style: none;
	display: flex;
	column-gap: 2%;
	justify-content: center;
	align-items: center;
}

.navi a:link, a:active{
	font-family: 'Koulen', cursive;
	color: yellow;
	text-decoration: none;	
}

.navi a:hover{
	color: darkorange;
	text-decoration: none;
}

.main{
	background-color: yellow;
	padding: 2%;
	display: flex;
	column-gap: 2%;
}

.main2{
	background-color: yellow;
	padding: 2%;
	display: flex;
	column-gap: 2%;
    justify-content: center;
	align-items: center;

}

.box{
	background-color: white;
	min-height: 120px;
	list-style: none;
	display: flex;
	column-gap: 2%;
	justify-content: center;
	align-items: center;
}

.box2{
	background-color: yellow;
	min-height: 120px;
	list-style: none;
	display: flex;
	column-gap: 2%;
	justify-content: center;
	align-items: center;
}

.box3{
	background-color: yellow;
	min-height: 120px;
	list-style: none;
	display:grid;
	column-gap: 2%;
	justify-content: center;
	align-items: center;
}

.box4{
	background-color: yellow;
	min-height: 120px;
	list-style: none;
	display: flex;
	column-gap: 2%;
	justify-content: center;
	align-items: center;
}

.carousel-item
{height:32rem;
background: #777;
}

.background-wrap {
background-image: url("image/Andrew model 2.png");
width: 1000px;
height: 1000px;
list-style: none;
display:grid;
column-gap: 2%;
justify-content: center;
align-items: center;
		
}

.content {
display: flex;
flex-direction: column;
	
}

.content span {
color: yellow;
	
}

footer{
	min-height: 120px;
	background-color: black;
	padding: 2%;
}
