@charset "UTF-8";

header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 0;

	.header-logo img {
		margin-left: 10px;
		margin-right: 5px;
		padding: 0;
	}

	.site-menu {
		margin: 0;
		padding: 0;
		width: 84px;
	}

	& ul {
		list-style: none;
		padding: 0;

		& li {
			margin: 0;
		}

		& a {
			color: darkslategrey;
			text-decoration: none;
		}
	}
}

h2 {
	color: slateblue;
}

h3 {
	color: tomato;
}

footer {
	border-top: solid 0.3rem;
	border-image: linear-gradient(to right, midnightblue, palegoldenrod);
	border-image-slice: 10;
	padding: 0;
	text-align: center;

	.footer-logo {
		background-color: white;
	}
}

strong {
	font-style: italic;

	&.goldenrodc {
		color: goldenrod;
	}
	&.noshimehanairoc {
		color: #426579;
	}
}

.diary-box {
	height: 250px;
	border: 5px dotted slateblue;
	border-radius: 10px;
	background-color: aliceblue;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 10px;
	overflow: scroll;
}