.vanity-log {
	border: 0.1rem solid;
	border-color: var(--global_color-foreground);
	padding: 0.5rem;
	overflow: hidden;
	text-align: justify;

	a.title {
		text-transform: uppercase;
		font-weight: bold;
		font-style: italic;
		font-size: 2.5rem;
		line-height: 1;
		color: var(--color2);
		text-decoration-style: dashed;
		text-underline-offset: 0.1em;
		display: block;
		margin-bottom: 0.5rem;
		text-align: center;

		&:hover {
			color: var(--color1);
			color: var(--global_color-text-main);
		}
	}

	a.img {
		display: inline-flex;
		float: right;
		margin: 0 0 0.5rem 0.5rem;
		
		& > div {
			width: 6rem;
			height: 6rem;
			background-image: var(--my-vanity-mood-img-src);
            background-size: var(--my-vanity-mood-img-bg-size);
            background-position: var(--my-vanity-mood-img-bg-pos);
			border: 0.05rem solid var(--global_color-foreground);
			&:hover {
				border-color: var(--global_color-accent);
			}
		}
	}

	.date {
		font-size: 0.6em;
	}

	.mood {
		font-weight: bold;
	}
}