/*
li a {
    color: green;
}
*/

/*
.light li {
	color: red;
}
*/

body {
	padding-bottom: 100px;
}

.light .navbar {
	background-color: royalblue;
	color: white;
}
.light .navbar a {
	color: white;
}
.light .menu {
	background-color: royalblue;
	padding: 8px;
}
.menu .btn {
	width: 100%;
}
.menu img {
	padding-left: 8px;
	padding-right: 8px;
}
.light .sub-navbar {
	background-color: skyblue;
}
.light .sub-navbar a {
	color: var(--bs-body-color);
}

.btn-info {
	background-color: skyblue;
	border-color: skyblue;
	color: white;
}
.btn-info:hover {
	background-color: deepskyblue;
	border-color: deepskyblue;
	color: white;
}

.hatena {
	height: 30px;
	padding: 2px;
}
.hatena-sm {
	height: 20px;
	padding: 2px;
}