@charset "utf-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
/* CSS Document */

/* Variables */
:root{
	--body-color: #151515;
	--body-font-color: #fcfcfc;
	--body-alt-color: #8c8c8c;
	--card-bg-color: #232323;
	--akashi-pink:#d969bd;
	--body-font-size: 16.8px;
}

/* Body */
body{
	background:var(--body-color);
	display: flex;
	flex-direction: row;
	padding: 0 10vw;

	color: var(--body-font-color);
	font-size:var(--body-font-size);
}

a:visited{
	color:var(--akashi-pink);
}

/* Tools */
.note{
	font-style:italic;
	color:var(--body-alt-color);
}

/* Sidebar */
#sidebar{
	width: 350px;
}

#sidebar ul{
	list-style: none;
}

#sidebar li{
	padding: 0.14rem 0 0.14rem 0.5rem;
}

#sidebar li.nav-header{
	font-variant: small-caps;
	font-weight: 700;
	padding-left:0;
}

#sidebar a{
	color: var(--body-font-color);
}

/* Main */
#main-content{
	flex-grow:1;
}

.activity-card-header{
	background:	var(--card-bg-color);
	color: var(--body-alt-color);
	display: inline-flex;
	padding: 10px;
	gap: 7px;
	font-style: italic;
}

.activity-content{
	background:	var(--card-bg-color);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 14px;
	max-width: 840px;
}

.activity-card-footer{
	flex-basis: 100%;
	color: var(--body-alt-color);
	border-top: 1px solid var(--body-alt-color);
	margin-top: 14px;
	padding-top: 7px;
}

.activity-poster{
	height:210px;
	margin-right: 14px;
}

.activity-details-film{
	display: flex;
	flex-direction: column;
}

.activity-details-film .title{
	font-size: 1.4em;
	font-style: italic;
}

.activity-details-film .byline{
	color: var(--body-alt-color);
	margin-bottom:1em;
}

.activity-details-film .tags{
	color: var(--body-alt-color);
	font-style: italic;
}