* {
	font-family: Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;
	line-height: 1.4;
	font-size: 14px;
	margin: 0;
	padding: 0;
	}

* + * {
	margin: 16px 0 0 0;
	}

html {
	/background: #eee url('https://static.tumblr.com/39aca67b3a5be630641887187bd80a35/x58o25w/K8rp07tk1/tumblr_static_tumblr_static_9n1sncg1u5ookw4s8ks08gc00_640.gif');
	background: #eee url('https://sudrien.net/tumblr/scratch_soft.gif');
	}
	
body {
	/background: #eee url('https://static.tumblr.com/39aca67b3a5be630641887187bd80a35/x58o25w/K8rp07tk1/tumblr_static_tumblr_static_9n1sncg1u5ookw4s8ks08gc00_640.gif');
        background: #eee url('https://sudrien.net/tumblr/scratch_soft.gif');
	width: 700px;
	margin: 0 auto 80px auto;
	}

a, a:link, a:active, a:visited {
	color: #008;
	}
	
.post ul, .post ol {
	padding: 0 0 0 20px;
	}
.post ul li, .post ol li {
	margin: 0;
	}
	
header {
	height: 132px;
	border-bottom: 3px double #888;
	position: relative;
	}

header .avatar {
        display: block;
	position: absolute;
        top: 0;
        right: 0;
        width: 174px; 128px;
        height: 170px; 128px;
	margin-top: -20px;
	margin-right: -20px;
        background-position: top right;
        background-repeat: no-repeat;
	background-size: contain;
	background-image: url(style_c.png);
//        mix-blend-mode: multiply;
//        background-color: #fff;
        }
	
header h1 {
	padding: 0 136px 0 0;
	text-align: right;
	}

header nav {
	padding: 0 152px 0 0;
	text-align: right;
	}
	
header h1 , header h1 a, header h1 a:link, header h1 a:active, header h1 a:visited {
	text-decoration: none;
	color: #000;
	font-size: 32px;
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	line-height: 1.2;
	}
	
article {
	clear: both;
	border-bottom: 1px solid #888;
	padding: 16px;
	background: #fff;
	border-radius: 2px;
	position: relative;
	}


	
article img {
	max-width: 700px;
	}

article iframe.embed_iframe{
	/margin: 0 auto;
	}
	
aside.buttons {
	position: absolute;
	right: -42px;
	top: 0;
	width: 32px;
	bottom: 0;
	}
aside.buttons ul {
	position: sticky;
	top: 38px;
	display: block;
	list-style-type: none;
	height: 120px;
	}
aside.buttons ul li {
	list-style-type: none;
	opacity: 0.7;
	
	width: 32px;
	
	height: 32px;
	}
aside.buttons ul li:hover {
	opacity: 1;
	}
aside.buttons ul a {
	text-decoration: none;
	}
	
blockquote { 
	border: 0;
	box-shadow: 10px 0 10px -10px #aaa inset;
	margin: 0 0 16px 0;
	padding: 0 0 0 16px;
	}

* + blockquote { margin: 16px 0 16px 0; }
/*
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -14px; /padding: 0 0 0 12px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -35px; /padding: 0 0 0 33px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -56px; /padding: 0 0 0 54px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -77px; /padding: 0 0 0 75px; }

blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -80px; /padding: 0 0 0 78px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -59px; /padding: 0 0 0 57px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -38px; /padding: 0 0 0 36px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -17px; /padding: 0 0 0 15px; }

blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -20px; /padding: 0 0 0 18px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -41px; /padding: 0 0 0 39px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -62px; /padding: 0 0 0 60px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -83px;  /padding: 0 0 0 81px;}

blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -86px; /padding: 0 0 0 84px;  }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -65px; /padding: 0 0 0 63px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -44px; /padding: 0 0 0 42px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -23px; /padding: 0 0 0 21px; }

blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote{ /margin: 1em 0 1em -26px; /padding: 0 0 0 24px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -47px; /padding: 0 0 0 45px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -68px; /padding: 0 0 0 66px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -89px;  /padding: 0 0 0 87px;}



blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -92px; /padding: 0 0 0 90px;  }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -71px; /padding: 0 0 0 69px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -50px; /padding: 0 0 0 48px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -29px; /padding: 0 0 0 27px; }
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { /margin: 1em 0 1em -8px; /padding: 0 0 0 9px; }
*/

.post_image {
	margin: -16px -16px 0 -16px;
	}

.photo_post_image {
	text-align: center;
	background: #ddd;
}

.photo_post_image a {
	display: block;
	}
	
.photo_post_image img {
	display: block;
	margin: 0 auto;
	background: #aaa;
}

.audio_post_image {}

.video_post_image {}

.photoset_post_image {}

.audio_post_image {
	height: 85px;
	width: 640px;
	overflow: hidden;
	margin: 0 auto;
}

.audio_play_count {
	text-align: center;
}

.link_post {
	margin: -16px -16px 0 -16px;
	padding: 16px;
	background: #eee;
	position: relative;
	}
	
.link_post a {
	text-decoration: none;
	color: #111;
}

.link_post a::after {
    content: "🔗";
    pointer-events: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    line-height: 12px;
}

.link_post h2 {
	background: #eee;
	/margin: 0 0 10px 0;
	font-size: 24px;
	line-height: 28px;
}

.link_post h3 {
	color: #111;
	font-size: 13px;
}


.link_post_image {
	position: relative;
	background: #eee;
	}
	
.link_post_image img {
	width: 100%;
	height: auto;
	display: block;
	}
.link_post_image a {
	text-decoration: none;
	color: #111;
	}

.link_post_image a::after {
    content: "🔗";
    pointer-events: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    line-height: 12px;
	}

.link_post_image h2 {
	}

.link_post_image h3 {
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 10px;
	left: 10px;
	text-shadow: 0 0 2px #000;
	}

.link_post_excerpt {
	font-style: italic;
	}

aside.metadata {
	float: left;
	width: 300px;
	/margin: 10px 0 0 0;
	}

aside.metadata ul {
	list-style-type: none;
	}
	
aside.notes {
	margin: 16px 0 0 310px;
	}
aside.notes ol {
	list-style-type: none;
	line-height: 20px;
	}

aside.notes img {
	margin: 0 4px 0 -20px;
	}
	
br.clear {
	clear: both;
	}
	
hr.clear {
	clear: both;
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #ccc inset;
	margin: 16px -16px -6px -16px;
	}

.permalink_button {
	position: relative;
	color: #ccc !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 16 16'%3E%3Cpath d='M14.757 7.25l-3.004 3.002a4.245 4.245 0 01-6.005 0 4.228 4.228 0 01-.645-.857L6.5 8c.066-.067.148-.105.226-.15.097.33.265.641.524.9a2.125 2.125 0 003.003 0l3.002-3.002a2.125 2.125 0 000-3.003 2.125 2.125 0 00-3.002 0L9.184 3.814a5.325 5.325 0 00-2.709-.295l2.276-2.275a4.247 4.247 0 016.006 6.005zm-7.94 4.936l-1.069 1.07a2.127 2.127 0 01-3.003 0 2.127 2.127 0 010-3.004l3.003-3.003a2.124 2.124 0 013.003 0c.258.259.427.571.524.9.079-.045.16-.083.226-.15l1.396-1.394a4.177 4.177 0 00-.645-.857 4.247 4.247 0 00-6.006 0L1.244 8.751a4.247 4.247 0 006.005 6.006l2.276-2.276a5.324 5.324 0 01-2.709-.295z' fill='%23000000'/%3E%3C/svg%3E");
	display: block;
        width: 16px;
	height: 16px;
	}
	
.permalink_button:hover::after {
	content: "Permalink";
	position: absolute;
	top: 0px;
	left: 30px;
	color: #000;
	}
	
.like_button {
	position: relative;
	}
.like_button:hover::after {
	content: "Like";
	position: absolute;
	top: 0px;
	left: 30px;
	}
	
.reblog_button {
	position: relative;
	}
	
.reblog_button:hover::after {
	content: "Reblog";
	position: absolute;
	top: 0px;
	left: 30px;
	color: #000;
	}
	
.post aside ul {
	padding: 0;
	}
	
.search_tags li {
	}
	
footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 45px;
	/background: #eee url('https://static.tumblr.com/39aca67b3a5be630641887187bd80a35/x58o25w/K8rp07tk1/tumblr_static_tumblr_static_9n1sncg1u5ookw4s8ks08gc00_640.gif');
        background: #eee url('https://sudrien.net/tumblr/scratch_soft.gif');
	mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,1) 10px);
	}
	
footer.with_pagination {
	height: 70px;
	
}

footer * {
	margin: 0;
	}

footer nav{
	display: block;
	width: 700px;
	margin: 0 auto;
	text-align: center;
	background: #eee;
	height: 100%;
}
	
footer ul {
	list-style-type: none;
	margin: 8px 0 0 0;
	height: 24px;
	line-height: 24px;
	}
	
footer li {
	padding: 0 0.5em;
	display: inline-block;
}

footer input {
	height: 18px;
	padding: 2px;
	border: 1px solid #888;
	border-radius: 2px;
}
footer button {
	height: 24px;
	padding: 0 6px;
	border: 1px solid #888;
	background: #ddd;
	margin: 0 0 0 0.5em;
	border-radius: 2px;
}

footer hr {
	margin: 0 0 8px 0;
	}

#nav_links {
	border-bottom: 1px solid #888;
}

footer #links {
	padding: 8px 0 0 0;
	}
footer.with_pagination #links {
	padding: 0;
	}
	
article.post figure.tmblr-full {
	margin-left: -16px;
	}

article.post figure.tmblr-full img,
article.post figure.tmblr-full video {
	width: 700px;
	height: auto;
	display: block;
	}
	
blockquote > figure.tmblr-full img,
blockquote > figure.tmblr-full video {
	max-width: 100%;
	height: auto;
	display: block;
	}

article figure + figure { margin: 16px 0 0 0; }
	
figure.tmblr-full p.tmblr-attribution {
	background: #eee;
	font-style: italic;
	/padding: 2px 10px;
	text-decoration: none;
	color: #888;
	position: relative;
}
figure.tmblr-full p.tmblr-attribution a, 
figure.tmblr-full p.tmblr-attribution a:link,
figure.tmblr-full p.tmblr-attribution a:active,
figure.tmblr-full p.tmblr-attribution a:visited {
	text-decoration: none;
	color: #888;
}

figure.tmblr-full p.tmblr-attribution::after {
    content: "🔗";
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 20px;
    /margin-top: -6px;
    font-size: 12px;
    line-height: 12px;
}


footer #ask_display {
	display: none;
	}
footer.footer_ask {
	height: calc(45px + 340px + 40px);
	}
footer.with_pagination.footer_ask {
	height: calc(70px + 340px + 40px);
	}
footer.footer_ask #ask_display {
	display: block;
	width: 660px;
	height: 340px;
	position: relative;
	margin: 0 auto;
	background: #eee;
	padding: 20px;
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	}
footer.footer_ask #ask_display iframe {
	width: 660px;
	height: 290px;
	border: 0;
	}
	
footer.footer_ask #ask_display p {
	text-align: center;
	}
	
footer #submit_display {
	display: none;
	}
footer.footer_submit {
	height: calc(45px + 515px + 40px);
	}
footer.with_pagination.footer_submit {
	height: calc(70px + 515px + 40px);
	}
footer.footer_submit #submit_display {
	display: block;
	width: 660px;
	height: 515px;
	position: relative;
	margin: 0 auto;
	background: #eee;
	padding: 20px;
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	}
footer.footer_submit #submit_display iframe {
	width: 660px;
	height: 470px;
	border: 0;
	}

footer.footer_submit #submit_display p {
	text-align: center;
	}

	
ul#old_search_links {
	list-style-type: none;
	}
	
ul#old_search_links li {
	display: inline-block;
	}
ul#old_search_links li + li{
	padding: 0 0 0 1em;
	}




@font-face{font-family:Calluna;src:url("https://assets.tumblr.com/fonts/calluna/Calluna-Regular-webfont.eot?3=&v=7c192d86344b943cd3e8d9123ed1dafa");src:url("https://assets.tumblr.com/fonts/calluna/Calluna-Regular-webfont.eot?3%3F=&v=7c192d86344b943cd3e8d9123ed1dafa#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-Regular-webfont.woff?3=&v=60172bcdc91d310108023e102eec8676") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-Regular-webfont.ttf?3=&v=cc6292d625d03dc65b9665f0cd27e2cd") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-Regular-webfont.svg?3=&v=2ad0b09dbe56cc705930dbfeef247daa#_.regular") format("svg");font-weight:400;font-style:normal}
@font-face{font-family:Calluna;src:url("https://assets.tumblr.com/fonts/calluna/Calluna-Black-webfont.eot?3=&v=4d396676b5b7013e8062b0306fb6df25");src:url("https://assets.tumblr.com/fonts/calluna/Calluna-Black-webfont.eot?3%3F=&v=4d396676b5b7013e8062b0306fb6df25#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-Black-webfont.woff?3=&v=cfbfc0fbbd321fd3635b9d1fb3abd7da") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-Black-webfont.ttf?3=&v=66795c1b09c6ecba8d96d158e5f25e4e") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-Black-webfont.svg?3=&v=becfe0f2e977ae23541d14051460730e#CallunaBlckRegular") format("svg");font-weight:700;font-style:normal}
@font-face{font-family:Calluna;src:url("https://assets.tumblr.com/fonts/calluna/Calluna-It-webfont.eot?3=&v=453599746440802fdf03799f74479ccc");src:url("https://assets.tumblr.com/fonts/calluna/Calluna-It-webfont.eot?3%3F=&v=453599746440802fdf03799f74479ccc#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-It-webfont.woff?3=&v=405661ebc034bd72b7cb87624f0a2314") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-It-webfont.ttf?3=&v=da7067454d72bb032deeac7a7a6d0a63") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-It-webfont.svg?3=&v=0299cc7f2f883c51b56ddfc1726b8dec#_.regular") format("svg");font-weight:400;font-style:italic}
@font-face{font-family:Calluna;src:url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");src:url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");font-weight:700;font-style:italic}
@font-face{font-family:Fairwater;src:url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");font-weight:400;font-style:normal}
@font-face{font-family:Source Code Pro;src:url("https://assets.tumblr.com/fonts/sourcecodepro/sourcecodepro-regular-webfont.woff2?v=c2bb363563f7a15a4c0fe91cf951a67c") format("woff2"),url("https://assets.tumblr.com/fonts/sourcecodepro/sourcecodepro-regular-webfont.woff?v=c5fa36698a378c9c64711cec95efd69e") format("woff");font-weight:400;font-style:normal}


.npf_quirky {
	font-family: fairwater, serif;
	font-size: 24px;
	}

.npf_quote {
	font-family: Calluna, sans-serif;
	}
	
.npf_chat {
	font-family: Source Code Pro,monospace;
	}


.tumblr_avatar {
	width: 25px;
	height: 25px;
	border-radius: 2px;
	margin-right: 6px;
	}

.tumblr_avatar + a.tumblr_blog {
	}


.post-avatar, .asker-avatar, .answer-avatar {
	display: inline-block;
	vertical-align: middle;
	padding-right: 6px;
	}

.post-avatar-image, .asker-avatar-image, .answer-avatar-image {
	width: 25px;
	}
.post-reblog-header, .asker-header, .answer-header {
	line-height: 25px;
	}

a.post-tumblelog-name, .asker-header a.asker, .answer-header a.answerer  {
	font-weight: bold;
	text-decoration: none;
	color: #444;
	}

.post-reblog-trail-item {
	border-bottom: 1px dotted #888;
	padding-bottom: 16px;
	}

.body-text, .question, .answer, .quote {
	border-bottom: 1px dotted #888;
	padding-bottom: 16px;
	}

.keyboard{
	position: relative;
	margin-left: 1.8em;
	}
.keyboard::before {
	content: "⌨";
	font-size: 2em;
	line-height: 1em;
	display: block;
	position: absolute;
	top: -0.1em;
	left: -0.8em;
	}
.keyboard div {
	display: inline-block;
	width: 1em;
	height: 1em;
	border: 2px solid #444;
	border-radius: 4px;
	line-height: 1em;
	padding: 2px;
	background: #222;
	margin-left: 2px;
	font-weight: bold;
	color: #fff;
	}