Newer
Older
renshu-2021 / SWAN / prototype1.css
body{background-color: #CCFFFF;}

h1{text-align: center;}

h2{
	padding:0.5em;
	color:#494949;
	background:#FFFACD;
	border-left: solid 7px #8B4513;
	border-bottom: solid 7px #8B4513;
}

.picture{
	margin:0 auto auto 0;
	border: 1px solid #c0c0c0;
	padding: 15px;
	width: 600px;
	 background-color: #e7e7e7;
	   border-radius: 10px;
	   box-shadow: 0px 3px 10px 2px rgba(0,0,0,3);
}

.kaku{
	padding:0.5em;
	color:#494949;
	background:#F0FFF0;
	border-left: solid 7px #006400;
}

#container {
	display: flex; 
	flex-wrap: wrap; 
	gap: 1px;
}

#container div {
	text-align: center;
	width: calc(25% - 22px); 
	padding: 10px;
	color: #FFFFFF;
	background: #008000;
}