@charset "utf-8";



#info
{
	margin:1em;
	background-color:#FFFFFF;
	border-radius:1em;
	padding:1em;

}

#info #outline
{
	width:90%;
	margin:auto;
}

#info #outline ul
{
	padding-left:250px;
	background-image:url(https://www.canitz.com/img/90ab3a576f72e0cb4527b5a05fddefcd.png);
	background-position:top left;
	background-repeat:no-repeat;
	min-height:250px;
}

@media only screen and (max-width: 600px)
{
	#info #outline ul
	{
		background-position:top center;
		padding-left:0px;
		padding-top:250px;
	}

}


#info #outline li
{
	margin:1.5em;
	font-size:20px;
}


#info h1
{
	color:#FF0000;
}


#info #works
{
	margin:10px auto 10px;
	padding:10px;
	border-style:solid;
	border-width:2px;
	border-color:#CCCCCC;
	background-color:#FFFFFF;
	width:80%;
	font-size:12px;
}

#info #works #title
{
	font-size:18px;
	font-weight:bold;
	margin-bottom:1em;
	text-align:center;

}

#info #works li
{
	display:inline-block;
	line-height:200%;
	margin:0.5em;
	padding:0.5em;
	border-radius:5px;
	background-color:#333399;
	color:#FFFFFF;
}

@media only screen and (max-width: 600px)
{
	#info #works li
	{
		display:block;
	}
}