/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
html {
	background: url("/image/bg.png"), linear-gradient(to top, #c47179, #f3bac3);
	background-position: top center; }
body {
	margin: auto;
	padding: 10px;
	max-width: 620px;
	font-family: sans-serif;
	font-size: 16px;
	color: #444;
	background-color: #eee;
	min-height: calc(100vh - 20px); }
body, p, h1, h2, h3, h4, h5, h6 { line-height: 1.5em; }
a
	{ text-underline-offset: 0.25em;
	color: #62A; }
nav { line-height: 2em; }
nav > a { margin: 0 1em; }
article + article {
	margin-top: 1em;
	border-top: 1px solid #bbb;
	padding-top: 1em; }
#about { margin-bottom: 3em; }
article h1 {
	font-size: 15px;
	margin: 0; }
h1 { margin: 0; }
.data { color: #999; }
article .data {
	font-size: 10px;
	margin: 5px 0 0 10px;
	float: right; }
img {
	display: block;
	max-width: 100%; }
body > header, nav, figcaption { text-align: center; }
body > header { margin: 1em 0; }
main article p, ul { margin: 0; }
.emoji {
	width: 1em;
	display: inline; }
.fullwidth {
	margin: 0 -10px;
	max-width: calc(20px + 100%); }
.slide {
	overflow: auto; }
.slide > img { display: inline-block; }
footer {
	border-top: 1px solid #bbb;
	margin-top: 0.5em;
	padding-top: 0.5em;
	text-align: center;
	font-style: oblique; }
hr {
	border: none;
	border-top: 1px solid #bbb; }
blockquote {
	padding-left: 1em;
	margin-left: 1em;
	border-left: 1px solid #bbb; }
.imgtxt {
	position: relative;
	margin: 0 -10px; }
.imgtxt h1, .imgtxt h2, .imgtxt h3 {
	font-variant: small-caps;
	line-height: 1em;
	font-size: 25px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 10px 10px 10px;
	margin: 0;
	color: white;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); }
li { margin-left: 1em; }
figure { margin: auto; }
figcaption {
	font-style: italic;
	margin: 0.5em auto;
	max-width: 75%; }
.icon {
	margin: auto;
	max-width: 160px;
	border-radius: 50%; }
	.column {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}