css 構文2

main {
	font-size: 32px;
}

<main></main>

.container {
	width: 100px;
	height: 100px;
	background: skyblue;
	margin-right: auto;
	margin-left: auto;
	margin: 0 auto;
	border-radius: 50px;
	border-radius: 10px;
}

<div class="container"></div>

li {
	list-style: none;
}

<li></li>

li {
	float: left;
}

ul {
	display: flex;
}

<ul></ul>

.logo {
	padding: 20px 10px;
	margin: 20px 10px;
}

<div class="logo"></div>

.logo {
	padding: 20px 10px 20px 10px;
	margin: 20px 10px 20px 10px;
}

<div class="logo"></div>

a.underline {
	border-bottom: 2px solid #dee7ec;
}

<a class="underline"></a>

.container1 {
 width: 100px;
 height: 100px;
 background: blue;
 position: absolute;
 left: 50px;
 top: 50px;
 z-index: 100;
}

.container2 {
 width: 100px;
 height: 100px;
 background: red;
 position: absolute;
 left: 75px;
 top: 75px;
 z-index: 200;
}

<div class="container1"></div>
<div class="container2"></div>

.container {
　transform:rotate(60deg);
}

<div class="container"></div>