html{
	width: 100%;
	heigsht: 100%;
}

body{
	width: 100%;
	height: 100%;
	margin: 0;
	background-image: linear-gradient(to bottom right, #AA9CBA, #9E9CBA);
	background-attachment: fixed;
	color: floralwhite;
}


main{
	width: 100%;
	height: 100%;
}

main h1{
	margin-top: 80px;
	margin-bottom: 35px;
	font-size: 50px;
	text-align: center;
}

main h3{
	text-align: center;
	font-size: 25px;
	margin: 30px 40px;
}


main h4{
	display: block;
	text-align: center;
	font-size: 20px;
	margin: 30px 40px;
}

.sketch{
	columns:2;

}

.sketch li{
	display: flex;
	list-style-type: none;
	align-items: center;
}
.sketch p{
	font-size: 20px;
}

.sketch img{
	height: 300px;
	width: auto;
	padding: 20px;
}

@media screen and (max-width:900px){
	.sketch li{
		display: block;
		align-items: center;
	}

	.sketch p{
		font-size: 20px;
	}

	.sketch img{
		width: 100%;
		height: auto;
		padding: 15px;
	}
}

.poster{
	
}

.poster h3{
	font-size: 40px;
	margin: 20px;
}



.poster li{
	display: block;
	list-style-type: none;
	
}

.poster img{
	width: 400px;
	height: auto;
	padding: 10px 30px;
}

.poster p{
	font-size: 20px;
}

@media screen and (max-width:900px){
	.poster img{
		width: 100%;
		height: auto;
		padding: 15px;
	}
}


.flyer li{
	display: block;
	list-style-type: none;
	
}

.flyer img{
	width: 400px;
	height: auto;
	padding: 10px 30px;
}

.flyer p{
	font-size: 20px;
}

@media screen and (max-width:900px){
	.flyer img{
		width: 100%;
		height: auto;
		padding: 15px;
	}
}

.digitalart{
	display: block;
	text-align: center;
}

.digitalart p{
	font-size: 20px;
}

.digitalart img{
	width: 800px;
	height: auto;
}

@media screen and (max-width:900px){
	.digitalart img{
		width: 100%;
		height: auto;
		padding: 10px 15px;
	}
}

.animetypo{
	display: block;
	text-align: center;
}

.animetypo p{
	font-size: 20px;
}

.animetypo img{
	width: 800px;
	height: auto;
	padding: 20px;
}

@media screen and (max-width:900px){
	.animetypo img{
		width: 100%;
		height: auto;
		padding: 10px 15px;
	}
}

.istd{
	display: block;
	text-align: center;
}

.istd p{
	font-size: 20px;
}

.istd img{
	width: 600px;
	height: auto;
	padding: 20px;
}

@media screen and (max-width:900px){
	.istd img{
		width: 100%;
		height: auto;
		padding: 10px 15px;
	}
}

.logo li{
	display: block;
	list-style-type: none;
	padding: 15px 30px;
	
}

.logo img{
	width: 400px;
	height: auto;
	padding: 10px 30px;
}
.logo video{
	width: 400px;
	height: auto;
	padding: 10px 30px;
}

.logo p{
	font-size: 20px;
}

@media screen and (max-width:900px){
	.logo img{
		width: 100%;
		height: auto;
		padding: 15px;
	}
	.logo video{
	width: 100%;
	height: auto;
	padding: 15px;
	}
}


.group2 li{
	display: block;
	list-style-type: none;
	columns: 2;
}

.group2 img{
	width: 400px;
	height: auto;
	padding: 10px 30px;
}

.group2 p{
	font-size: 20px;
	padding-left: 20px;
}


@media screen and (max-width:900px){
	.group2 img{
		width: 100%;
		height: auto;
		padding: 15px;
	}
}


.brand li{
	display: block;
	list-style-type: none;
}

.brand p{
	font-size: 20px;
	padding-left: 20px;
}

.brand img{
	width: 300px;
	height: auto;
	padding: 10px 30px;
}