@charset "utf-8";
/* CSS Document */
@import url("styles.css.css");
body{
	padding: 0;
	margin: 0;
	font-family: 'Sedgwick Ave Display', cursive;
    font-family: 'Young Serif', serif;
}
.container{
	width:100%;
	border: 0px solid black;
	margin: 0 auto;
	background:rgba(47,47,47,1.00)}

.navi{
	list-style: none;
	display: flex;
	gap: 3%;
	justify-content: center;
	align-content: center;
	padding: 20px 0;
	color:rgba(0,0,0,1.00)
}
.navi a:link{
	color:whitesmoke;
	text-decoration: none;
	font-size: 1.5em;
}
.navi a:hover,a:visited {
	color:white;
	text-decoration: underline;
}

.main{
	display: flex;
	min-height: 750px;
	background:rgba(27,27,27,1.00)

}

.aside-left{
	min-width: 68%;
	min-height: 460px;
	padding: 0%;
	box-sizing:border-box;
	
}

.aside-right{
	min-with: 48%;
	min-height: 460px;
	padding: 1%;
	box-sizing: border-box;
	color:aliceblue
}

.img{
	width: 100%;
	height: auto;
	
	
}

.row{
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 2%;
	padding: 20px
	
}

.column>h2{
	text-align: center;
	color:aliceblue;
	font-size: 25px;
	padding:20px;
}	

.column{
	min-width: 25%;
	min-height: 70px;
	padding:10px;
	box-sizing: border-box;
	color:aliceblue;
	font-size: 15px
	
}

.column-color{
	background:rgba(0,0,0,1.00);
	border-radius: 18px;
	min-height: 170px;

}

.row .column p{
	font-size: 17px;
	text-align: justify;
	text-justify:inter-word;
	
	

}

.footer{
	min-height: 150px;
	background:rgba(0,0,0,1.00);
	color:aliceblue;
	padding: 20px;
	display: flex;
    justify-content: center;
    align-content: center;
	text-align: justify
}
.navi{
	list-style:none;
	display: flex;
	gap: 3%;
	justify-content:center;
	align-content:center;
	padding: 25px 0;
	color:rgba(0,0,0,1.00);
	background: rgba(168,168,168,1.00)
	
}

.image{
	width:410px;
	height: 260px;
	justify-content:center;
	align-content:center;
	
}

@media(max-width: 992px){
	.row{
		diaplay:block;
	}
	.column{
		width: 100%;
	}
	.main{
		diaplay: block;
	}
	.asign-left{
		width: 100%;
	}
	.asihn-right{
		width: 100%;
	}
}
