/* リセットCSS */

{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* ヘッダー */
header {
background-color: #1abc9c;
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem;
}

header h1 {
font-size: 2rem;
}



nav ul {
display: flex;
list-style: none;
}

nav li {
margin-left: 1rem;
}

nav a {
color: #fff;
text-decoration: none;
font-size: 1.2rem;
}

/* メインコンテンツ */
main {
display: flex;
flex-direction: column;
align-items: center;
padding: 3rem;
}

section {
margin-bottom: 3rem;
text-align: center;
}

section h2 {
font-size: 2rem;
margin-bottom: 1.5rem;
}

section a {
display: block;
padding: 1rem;
background-color: #1abc9c;
color: #fff;
text-decoration: none;
font-size: 1.2rem;
border-radius: 5px;
width: 500px;
margin: 0 auto;
}

/* フッター */
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem;
}