@charset "UTF-8";
/* CSS Document */
html {
	scroll-behavior: smooth;
}

#cover {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, .3)), color-stop(75%, rgba(22, 22, 22, .7)), to(#161616)), url("../img/hp_life_blog.jpg");
	background: linear-gradient(to bottom, rgba(22, 22, 22, .3) 0, rgba(22, 22, 22, .7) 75%, #161616 100%), url("../img/hp_life_blog.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
}

#wind_cover{
	background-image:url("../img/blog/wind_cover.jpg");
}

#sleep_cover{
	background-image:url("../img/blog/sleep_cover.jpg");
}

#spice_cover{
	background-image:url("../img/blog/spice_cover.jpg");
}

#snow_cover{
	background-image: url("../img/blog/snow_cover.jpg");
}

#eat_cover{
	background-image: url("../img/blog/eat_cover.jpg");
}

#farming_cover{
	background-image: url("../img/blog/farming_cover.jpg");
}

#homecoming_cover{
	background-image: url("../img/blog/homecoming_cover.jpg")
}

#linguistics_cover{
	background-image: url("../img/bean/year_2/bean_2_chase.jpg")
}

p{
	text-indent: 2em;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #1c1c1c;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}