@charset "UTF-8";
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
/* CSS Document */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

html {
  scroll-behavior: smooth; }

body {
  font: 14px/1.6 "Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
  margin: 0;
  color: #333333; }

img {
  outline: none;
  border-style: none; }
  img[title*=Blog] {
    content: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MDAgNTAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDUwMCA1MDAiIHdpZHRoPSI1MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHN3aXRjaD48Zm9yZWlnbk9iamVjdCBoZWlnaHQ9IjEiIHJlcXVpcmVkRXh0ZW5zaW9ucz0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB3aWR0aD0iMSIvPjxnIHN0cm9rZT0iIzViNTMwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIj48cGF0aCBkPSJtMTczLjM2OCAyNjYuMzM0cy01Ny4zNDItMTI5Ljk2My0xMTYuMzAzLTg2Yy02OC44NDYgNTEuMzMzIDE4LjcxNiAzMS4zMzMgMTguNzE2IDMxLjMzM3MtNjAuMTU3IDY0LjAwMiAyMi43MjcgMjZjMCAwLTQzLjQ0OCA2MC4wMDIgMjkuNDEgMjQuNjY4IDAgMC00MC4xMDQgNTIgMzYuNzYzIDE3LjMzNCAxMC42OTMtNy4zMzUgOC42ODctMTMuMzM1IDguNjg3LTEzLjMzNXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtMzI2LjMzNCAyNjYuMzMzczU3LjE5Mi0xMjkuOTYyIDExNi04NmM2OC42NjYgNTEuMzMzLTE4LjY2NyAzMS4zMzMtMTguNjY3IDMxLjMzM3M2MCA2NC0yMi42NjcgMjZjMCAwIDQzLjMzNCA2MC0yOS4zMzMgMjQuNjY3IDAgMCA0MCA1Mi0zNi42NjcgMTcuMzM0LTEwLjY2Ni03LjMzNC04LjY2Ni0xMy4zMzQtOC42NjYtMTMuMzM0eiIgZmlsbD0iI2ZmZiIvPjxlbGxpcHNlIGN4PSIyMDguMTYxIiBjeT0iNDcwLjUyMSIgZmlsbD0iI2YyZTU1YyIgcng9IjEzLjg3MyIgcnk9IjI5LjQ3OSIvPjxlbGxpcHNlIGN4PSIyODkuOTc2IiBjeT0iNDcwLjM4MiIgZmlsbD0iI2YyZTU1YyIgcng9IjEzLjg3MyIgcnk9IjI5LjQ3OSIvPjxwYXRoIGQ9Im0zNzEuOTc5IDM0OS4zOTFjNDEuNTMgODYuNDYzLTU0LjYxMiAxMjEuOTc5LTEyMS45NzkgMTIxLjk3OS02Ny4zNjggMC0xNjMuMDgxLTM1LjUxNy0xMjEuOTgtMTIxLjk3OSAyOC45MjItNjAuODQzIDU0LjYxMi0xMjEuOTc5IDEyMS45OC0xMjEuOTc5IDY3LjM2Ny0uMDAxIDkyLjgxMiA2MS4yNTMgMTIxLjk3OSAxMjEuOTc5eiIgZmlsbD0iI2ZmZmZmNyIvPjxjaXJjbGUgY3g9IjI1MCIgY3k9IjEyMS45OCIgZmlsbD0iI2ZmZmZmNyIgcj0iMTIxLjk4Ii8+PGVsbGlwc2UgY3g9IjI5MS4xNDMiIGN5PSIxMjYuNjE4IiBmaWxsPSIjZmZmIiByeD0iMTMuMjk1IiByeT0iMTMuODczIi8+PGVsbGlwc2UgY3g9IjIwOC4yNTUiIGN5PSIxMjcuMjEzIiBmaWxsPSIjZmZmIiByeD0iMTMuMjk1IiByeT0iMTMuODcyIi8+PGVsbGlwc2UgY3g9IjI0OS44NzIiIGN5PSIxNzEuMTI3IiBmaWxsPSIjZjJlNTVjIiByeD0iMjkuNDc5IiByeT0iMTMuODcyIi8+PC9nPjwvc3dpdGNoPjwvc3ZnPg==");
    width: 10em;
    height: 10em;
    margin: 1em;
    background-size: contain;
    text-decoration: none;
    display: inline-block;
    -webkit-filter: grayscale(100%) brightness(112.5%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    img[title*=Blog]:hover {
      filter: grayscale(0%) brightness(100%); }
  img[title*=Fedibird] {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MS4wNzY5NTRtbSIgaGVpZ2h0PSI2NS40NzgzMW1tIiB2aWV3Qm94PSIwIDAgMjE2LjQxNDQgMjMyLjAwOTc2Ij4KICA8cGF0aCBmaWxsPSIjNzcwMDgyIiBkPSJNMjExLjgwNzM0IDEzOS4wODc1Yy0zLjE4MTI1IDE2LjM2NjI1LTI4LjQ5MjUgMzQuMjc3NS01Ny41NjI1IDM3Ljc0ODc1LTE1LjE1ODc1IDEuODA4NzUtMzAuMDgzNzUgMy40NzEyNS00NS45OTg3NSAyLjc0MTI1LTI2LjAyNzUtMS4xOTI1LTQ2LjU2NS02LjIxMjUtNDYuNTY1LTYuMjEyNSAwIDIuNTMzNzUuMTU2MjUgNC45NDYyNS40Njg3NSA3LjIwMjUgMy4zODM3NSAyNS42ODYyNSAyNS40NyAyNy4yMjUgNDYuMzkxMjUgMjcuOTQyNSAyMS4xMTYyNS43MjI1IDM5LjkxODc1LTUuMjA2MjUgMzkuOTE4NzUtNS4yMDYyNWwuODY3NSAxOS4wOXMtMTQuNzcgNy45MzEyNS00MS4wODEyNSA5LjM5Yy0xNC41MDg3NS43OTc1LTMyLjUyMzc1LS4zNjUtNTMuNTA2MjUtNS45MTg3NUM5LjIzMjM0IDIxMy44MiAxLjQwNjA5IDE2NS4zMTEyNS4yMDg1OSAxMTYuMDkxMjVjLS4zNjUtMTQuNjEzNzUtLjE0LTI4LjM5Mzc1LS4xNC0zOS45MTg3NSAwLTUwLjMzIDMyLjk3NjI1LTY1LjA4MjUgMzIuOTc2MjUtNjUuMDgyNUM0OS42NzIzNCAzLjQ1Mzc1IDc4LjIwMzU5LjI0MjUgMTA3Ljg2NDg0IDBoLjcyODc1YzI5LjY2MTI1LjI0MjUgNTguMjExMjUgMy40NTM3NSA3NC44Mzc1IDExLjA5IDAgMCAzMi45NzUgMTQuNzUyNSAzMi45NzUgNjUuMDgyNSAwIDAgLjQxMzc1IDM3LjEzMzc1LTQuNTk4NzUgNjIuOTE1Ii8+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE3Ny41MDk4NCA4MC4wNzd2NjAuOTQxMjVoLTI0LjE0Mzc1di01OS4xNWMwLTEyLjQ2ODc1LTUuMjQ2MjUtMTguNzk3NS0xNS43NC0xOC43OTc1LTExLjYwMjUgMC0xNy40MTc1IDcuNTA3NS0xNy40MTc1IDIyLjM1MjV2MzIuMzc2MjVIOTYuMjA3MzRWODUuNDIzMjVjMC0xNC44NDUtNS44MTYyNS0yMi4zNTI1LTE3LjQxODc1LTIyLjM1MjUtMTAuNDkzNzUgMC0xNS43NCA2LjMyODc1LTE1Ljc0IDE4Ljc5NzV2NTkuMTVIMzguOTA0ODRWODAuMDc3YzAtMTIuNDU1IDMuMTcxMjUtMjIuMzUyNSA5LjU0MTI1LTI5LjY3NSA2LjU2ODc1LTcuMzIyNSAxNS4xNzEyNS0xMS4wNzYyNSAyNS44NS0xMS4wNzYyNSAxMi4zNTUgMCAyMS43MTEyNSA0Ljc0ODc1IDI3Ljg5NzUgMTQuMjQ3NWw2LjAxMzc1IDEwLjA4MTI1IDYuMDE1LTEwLjA4MTI1YzYuMTg1LTkuNDk4NzUgMTUuNTQxMjUtMTQuMjQ3NSAyNy44OTc1LTE0LjI0NzUgMTAuNjc3NSAwIDE5LjI4IDMuNzUzNzUgMjUuODUgMTEuMDc2MjUgNi4zNjg3NSA3LjMyMjUgOS41NCAxNy4yMiA5LjU0IDI5LjY3NSIvPgo8L3N2Zz4K");
    width: 10em;
    height: 10em;
    margin: 1em;
    background-size: contain;
    text-decoration: none;
    display: inline-block;
    -webkit-filter: grayscale(100%) brightness(112.5%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    img[title*=Fedibird]:hover {
      filter: grayscale(0%) brightness(100%); }
  img[title*=Twitter] {
    content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMCAwaDQwMHY0MDBoLTQwMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJtMTUzLjYyIDMwMS41OWM5NC4zNCAwIDE0NS45NC03OC4xNiAxNDUuOTQtMTQ1Ljk0IDAtMi4yMiAwLTQuNDMtLjE1LTYuNjNhMTA0LjM2IDEwNC4zNiAwIDAgMCAyNS41OS0yNi41NSAxMDIuMzggMTAyLjM4IDAgMCAxIC0yOS40NiA4LjA3IDUxLjQ3IDUxLjQ3IDAgMCAwIDIyLjU1LTI4LjM3IDEwMi43OSAxMDIuNzkgMCAwIDEgLTMyLjU3IDEyLjQ1IDUxLjM0IDUxLjM0IDAgMCAwIC04Ny40MSA0Ni43OCAxNDUuNjIgMTQ1LjYyIDAgMCAxIC0xMDUuNzEtNTMuNTkgNTEuMzMgNTEuMzMgMCAwIDAgMTUuODggNjguNDcgNTAuOTEgNTAuOTEgMCAwIDEgLTIzLjI4LTYuNDJ2LjY1YTUxLjMxIDUxLjMxIDAgMCAwIDQxLjE1IDUwLjI4IDUxLjIxIDUxLjIxIDAgMCAxIC0yMy4xNi44OCA1MS4zNSA1MS4zNSAwIDAgMCA0Ny45MiAzNS42MiAxMDIuOTIgMTAyLjkyIDAgMCAxIC02My43IDIyIDEwNC40MSAxMDQuNDEgMCAwIDEgLTEyLjIxLS43NCAxNDUuMjEgMTQ1LjIxIDAgMCAwIDc4LjYyIDIzIiBmaWxsPSIjMWRhMWYyIi8+PC9zdmc+");
    width: 10em;
    height: 10em;
    margin: 1em;
    background-size: contain;
    text-decoration: none;
    display: inline-block;
    -webkit-filter: grayscale(100%) brightness(112.5%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    img[title*=Twitter]:hover {
      filter: grayscale(0%) brightness(100%); }
  img[title*=Plurk] {
    content: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHN3aXRjaD48Zm9yZWlnbk9iamVjdCBoZWlnaHQ9IjEiIHJlcXVpcmVkRXh0ZW5zaW9ucz0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB3aWR0aD0iMSIvPjxnPjxwYXRoIGQ9Im0zOTguMjA2LjMxMmgtMjg0LjQxMmMtNjIuNDE1IDAtMTEzLjQ4MiA1MS4wNjctMTEzLjQ4MiAxMTMuNDgydjI4NC40MTJjMCA2Mi40MTUgNTEuMDY2IDExMy40ODEgMTEzLjQ4MiAxMTMuNDgxaDI4NC40MTJjNjIuNDE1IDAgMTEzLjQ4MS01MS4wNjYgMTEzLjQ4MS0xMTMuNDgxdi0yODQuNDEyYy4wMDEtNjIuNDE1LTUxLjA2Ni0xMTMuNDgyLTExMy40ODEtMTEzLjQ4MnoiIGZpbGw9IiNmZjU3NGQiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtNDI1LjgxNiAxOTQuNDE5Yy03LjEzNiAyLjY1Ny0xMi42MjQgNC4zNjItMTkuMjY4IDIuODUtMjEuMjMyLTUzLjgzLTcyLjYxOC05Mi43OTUtMTMyLjYxMi05NS44OTQtNTAuNjg4LTIuNjE5LTk1LjkxNiAxOS42MTctMTI1LjE0OCA1NS4zMjUtMS4zMzMgMS42MjktMi42NjEgMy4yNjMtMy45MjcgNC45NDctLjEwMy4xMzctLjIxNy4yNjUtLjMyLjQwMi4wMTgtLjAxNS4wMzUtLjAyNi4wNTMtLjA0MSAzLjQ2OS0yLjk0NiA3LjA3OS01LjE3NSAxMC43MzgtNi42NjguMjkxLS4xMTYuNTgtLjIyMS44NzItLjM1NCA0LjQ3OS0xLjY3MSA5LjAyNS0yLjE5NyAxMy40ODItMS4zMDUgMjEuNTgyIDQuMzIgMzIuODIgMzkuMDgzIDI1LjEwMiA3Ny42NDctNy43MTggMzguNTYzLTMxLjQ3IDY2LjMyMy01My4wNTIgNjIuMDAzLTE1LjEzMS0zLjAyNy0yNS4xNDItMjEuMDQ2LTI3LjEzNi00NC44Mi0uMDAyLS4wMjYtLjAwNi0uMDUxLS4wMDgtLjA3OC0uMDA2LjI1OC4wMDUuNTIgMCAuNzc3LS4wNDEgMS45ODctLjAzNyAzLjk4MyAwIDUuOTg3LjAwNy4zNjktLjAwOS43MzIgMCAxLjEwMi4wMDguMjk2LjAzNy41ODUuMDQ2Ljg4LjA3IDIuMjI5LjE4NiA0LjQ0NS4zNTIgNi42NDguMDc1IDEuMDA1LjE4NSAxLjk5OC4yOCAyLjk5Ny4xMDMgMS4wODEuMjIxIDIuMTU2LjM0NyAzLjIzIDIuMDAyIDE3LjE4MiA2LjgyNSAzMy40NyAxNC4wNiA0OC4zNi45MTEgMS44NzMuNDQ3IDQuMTE1LTEuMTcgNS40MjhsLTQuMTQ4IDMuMzczYy0zLjc2NyAzLjA2Mi01LjQyMiA3Ljc2MS00Ljg1NCAxMi4yNzEuMDk3Ljc2NS4yNzEgMS41MjEuNSAyLjI2Ni4wMjYuMDg0LjA1Ni4xNjguMDg0LjI1MS4yMzkuNzI2LjUyOCAxLjQzOS44ODggMi4xMjlsLjc1Ny0uNTc2IDMuNDMyLTIuNjE0YzEuNzItMS4zMTEgNC4xNzctLjk3OSA1LjQ4OC43NDIgMS4zMTEgMS43MjIuOTc5IDQuMTc4LS43NDIgNS40ODlsLTMuNjc1IDIuNzk5LS41NDkuNDE5IDE3LjYyNCAyMS42ODJjNC43MTMgNS44IDEzLjMxNCA2LjY4OCAxOS4xMTQgMS45NzRsMy44NTktMy4xMzZjMS42MzYtMS4zMyAzLjk1Ni0xLjMxMSA1LjYwNy0uMDAxIDI2LjgwNCAyMS4yNiA2MC45MTEgMzMuNjE3IDk3Ljc4NiAzMi42NjUgMzEuMTU4LS44MDQgNTkuODQ3LTExLjAwOSA4My40ODYtMjcuNzg3IDEuNzU0LTEuMjQ2IDQuMTIxLTEuMTExIDUuNjgxLjM3bDIuNDU1IDIuMzMxYzQuNjUgNC40MTggMTEuNjY3IDQuODUxIDE2LjgxOSAxLjQ2NC4yNzgtLjE4NC41NjQtLjM4NS44MzMtLjU4NWwtLjA1Ni0uMDU0LTMuMTQzLTIuOTU1Yy0xLjU3Ny0xLjQ3OS0xLjY1Ny0zLjk1Ny0uMTc4LTUuNTM1czMuOTU4LTEuNjU3IDUuNTM1LS4xNzhsMy4zNyAzLjE2IDE4Ljg3MS0xOS44N2M1LjE0Ni01LjQyIDQuOTIyLTE0LjA2My0uNDk3LTE5LjIxbC0zLjkzNy0zLjczOGMtMS40ODMtMS40MDktMS43OTMtMy42MjQtLjgwMi01LjQxMyAxNC4wNDQtMjUuMzM4IDIxLjAzMS01NS4wNjggMTguMzA3LTg2LjQ5LS4zOTMtNC41NDItLjk5OS05LjAyNS0xLjc5Mi0xMy40NDYgNC41Mi00LjE1OCAxMi43ODItMTIuMzM5IDE2LjAxNS0xOS4zNTIgMy40NzEtNy41MjYgNC4zNC0xNS4yODItNC44MjktMTEuODY4eiIvPjxwYXRoIGQ9Im0xMjAuMzg1IDI0MC4zOTNjMS41MyAxOC40MTQgOS4yNzYgMzIuMzczIDIwLjk4OSAzNC43MTcgMTYuNjg4IDMuMzQgMzUuMDUzLTE4LjEyNSA0MS4wMjEtNDcuOTQ0IDUuOTY4LTI5LjgxOC0yLjcyMi01Ni42OTktMTkuNDA5LTYwLjAzOS02LjUwNy0xLjMwMi0xMy4yNiAxLjIwNS0xOS40NDMgNi40Ny02Ljc0NyA1Ljc0Ni0xMi44MDIgMTQuODA4LTE3LjA4NyAyNS45MzMtLjE0OS0uMDM5LS4yODgtLjA2My0uNDQxLS4xMDYtMi4xMDItLjYwMi0zLjIyNy0xLjk3Mi00LjY3OC0yLjI4MyA1Ljc2Ny02LjIzNSA2LjYzNy0xNS44NDMgMS41NjQtMjMuMDgyLTUuODQ1LTguMzM5LTE3LjM0My0xMC4zNjEtMjUuNjgyLTQuNTE3LTcuNTEyIDUuMjY1LTkuODM4IDE1LjA5OC01Ljk2NiAyMy4wOTYtMy40MjQuMTMtNi44NTEgMS4xODItOS44NjUgMy4yOTQtOC4zMzkgNS44NDQtMTAuMzYxIDE3LjM0My00LjUxNyAyNS42ODIgNS44NDUgOC4zMzkgMTcuMzQzIDEwLjM2MSAyNS42ODMgNC41MTcgMi42NTQtMS44NiA0LjU4OS00LjMyNyA1LjkxNC03LjA0OSAyLjc4OCA1LjEyMyA2LjkwNiA5LjM5MiAxMS42NjEgMTIuMzM1LS4wNzIgMy4wODMuMDE2IDYuMDg0LjI1NiA4Ljk3NnptMTkuNjk4LTUxLjEyNWM0LjAyOC0zLjQzIDguNDI3LTUuMDYzIDEyLjY2Ni00LjIxNSAxMC44NyAyLjE3NiAxNi41MzEgMTkuNjg2IDEyLjY0NCAzOS4xMTEtMy44ODcgMTkuNDI0LTE1Ljg1MiAzMy40MDctMjYuNzIyIDMxLjIzMS03LjM4Ni0xLjQ3OC0xMi4zMzktMTAuMDU1LTEzLjU1My0yMS40ODEgMi43MTYgMS4wNTYgNS41NDMgMS43MDEgOC4zODkgMS44MzEgNy44ODguMzU4IDEzLjA0OS0yLjI5OCAxNy4wNjctNy42OSA1LjE4OC02Ljk2MSAxLjI2My0yNi4yNS01LjU4OS0yOC43NDctNS4zNC0xLjk0Ny04LjQ5Mi4zOTQtMTMuMjQxLjc0NSAyLjM5OC00LjQ3IDUuMjU3LTguMTYgOC4zMzktMTAuNzg1eiIvPjwvZz48L2c+PC9zd2l0Y2g+PC9zdmc+");
    width: 10em;
    height: 10em;
    margin: 1em;
    background-size: contain;
    text-decoration: none;
    display: inline-block;
    -webkit-filter: grayscale(100%) brightness(112.5%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    img[title*=Plurk]:hover {
      filter: grayscale(0%) brightness(100%); }
  img[title*=Marshmallow] {
    content: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMDAgMzAwIiBoZWlnaHQ9IjMwMCIgdmlld0JveD0iMCAwIDMwMCAzMDAiIHdpZHRoPSIzMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUwIDE1MCkiPjxwYXRoIGQ9Im0zNy42MzcgMTQzLjUxMS0xLjk0MSAxLjk0Mi0zOC41NjYtMzguNTY2IDEuOTQxLTEuOTQxeiIgZmlsbD0iIzRkNGQ0ZCIgc3Ryb2tlPSIjNGQ0ZDRkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iNy44MTYxIi8+PHBhdGggZD0ibTk3LjAzNyA5NS4xODgtMS45NDEgMS45NDItMzguNTY3LTM4LjU2NiAxLjk0Mi0xLjk0MXoiIGZpbGw9IiM4YThhOGEiIHN0cm9rZT0iIzRkNGQ0ZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjcuODE2MSIvPjxwYXRoIGQ9Im0xNDUuMzU5IDM1Ljc4Ny0xLjk0MSAxLjk0MS0zOC41NjQtMzguNTY0IDEuOTQxLTEuOTQxeiIgZmlsbD0iIzRkNGQ0ZCIgc3Ryb2tlPSIjNGQ0ZDRkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iNy44MTYxIi8+PHBhdGggZD0ibS05OS42NDMtOTkuODgyYy0yNi4xMTYgMjYuMTE2LTQxLjE4IDU3Ljk5OS00NC41NDMgOTAuMzkgMzEuNjkzLTMuNzUgNjQuNDMtMTguNTgyIDkwLjM5MS00NC41NDMgMjUuOTYtMjUuOTYgNDEuMDQ0LTU4LjEzNSA0NC41NDItOTAuMzktMzEuNjkzIDMuNzUtNjQuNTg1IDE4LjczNy05MC4zOSA0NC41NDN6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTM3LjYxNSAzOC45MmMyNi4yNTgtMjUuOTczIDQxLjQ5NS01Ny43NzQgNDUuMDM1LTkwLjE0Ni0zMS43MTIgMy41NzgtNjQuNTI5IDE4LjIzLTkwLjYzMSA0NC4wNDlzLTQxLjM2IDU3LjkxLTQ1LjAzNSA5MC4xNDZjMzEuNzEyLTMuNTc3IDY0LjY4Ni0xOC4zODUgOTAuNjMxLTQ0LjA0OXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtNzMuMjA2LTQ0LjY3My0xMTcuNjM1IDExNy42MzUtODguODEyLTg4LjgxMiAxMTcuNjM1LTExNy42MzV6IiBmaWxsPSIjZmZmIi8+PGcgc3Ryb2tlPSIjNGQ0ZDRkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0tMTM5Ljg4Mi0xNi4zM2MxOC4xMS02OC40NzEgNDguOTk2LTk4LjYxMyAxMjIuNjc2LTEyMy42NjkiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMTguMTExIi8+PHBhdGggZD0ibS0xMS4yNTEtMTM1LjQ0OWMtMTguMTEgNjguNDctNDguOTk3IDk4LjYxMy0xMjIuNjc3IDEyMy42NjkiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMTguMTExIi8+PHBhdGggZD0ibTgyLjYwNC00Ny4zOTYtNS41MjkgNS41MjgtOTYuOTU0LTk2Ljk1NCA1LjUyOC01LjUyOHoiIGZpbGw9IiM0ZDRkNGQiIHN0cm9rZS13aWR0aD0iOS40MTMiLz48cGF0aCBkPSJtNzguMjUyLTQ0LjQ4NWMtMTguMTEgNjguNDctNDguOTk2IDk4LjYxMi0xMjIuNjc3IDEyMy42NjkiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMTguMTExIi8+PHBhdGggZD0ibS00MS43NTEgNzguMDA3LTUuNTI4IDUuNTI4LTk2Ljk1NC05Ni45NTQgNS41MjgtNS41Mjh6IiBmaWxsPSIjNGQ0ZDRkIiBzdHJva2Utd2lkdGg9IjkuNDEzIi8+PHBhdGggZD0ibS0xOS4yNDkgMTEuNTQ3YzguNDY5IDguNDY5IDIyLjE4MSA4LjQ2OSAzMC42NTEgMCA4LjQ2OS04LjQ2OSA4LjQ2OS0yMi4xODEgMC0zMC42NXoiIGZpbGw9IiM0ZDRkNGQiIHN0cm9rZS13aWR0aD0iNi4yODc2Ii8+PC9nPjxwYXRoIGQ9Im0xLjM1NCAyLjI1MWMtMy43MzEgMy43My01LjcwNyA4LjQ2LTUuODg1IDEzLjM5IDQuODE5LS4yNDQgOS42ODItMi4xNzYgMTMuMzkxLTUuODg1IDMuNzA4LTMuNzA4IDUuNjg1LTguNDgyIDUuODg1LTEzLjM5LTQuODIuMjQ0LTkuNzA2IDIuMTk4LTEzLjM5MSA1Ljg4NXoiIGZpbGw9IiNlODZiNjgiLz48cGF0aCBkPSJtOS41NDktNTkuNjcxYzAgNi41MTktNS4yODUgMTEuODA0LTExLjgwNCAxMS44MDRzLTExLjgwNC01LjI4NS0xMS44MDQtMTEuODA0IDUuMjg1LTExLjgwNCAxMS44MDQtMTEuODA0IDExLjgwNCA1LjI4NSAxMS44MDQgMTEuODA0eiIgZmlsbD0iIzRkNGQ0ZCIvPjxwYXRoIGQ9Im0tNTAuNTc0LTIuMTFjMCA2LjUxOS01LjI4NSAxMS44MDQtMTEuODA0IDExLjgwNHMtMTEuODAzLTUuMjg2LTExLjgwMy0xMS44MDRjMC02LjUxOSA1LjI4NS0xMS44MDQgMTEuODA0LTExLjgwNHMxMS44MDMgNS4yODUgMTEuODAzIDExLjgwNHoiIGZpbGw9IiM0ZDRkNGQiLz48cGF0aCBkPSJtNTMuODA3LTQ1Ljg0M2MwIDcuNC02IDEzLjM5OC0xMy4zOTkgMTMuMzk4cy0xMy4zOTgtNS45OTktMTMuMzk4LTEzLjM5OCA1Ljk5OS0xMy4zOTkgMTMuMzk4LTEzLjM5OSAxMy4zOTkgNS45OTkgMTMuMzk5IDEzLjM5OXoiIGZpbGw9IiNmOWIxOTQiLz48cGF0aCBkPSJtLTMyLjY2NyA0MC4xNjZjMCA3LjQtNS45OTkgMTMuMzk4LTEzLjM5OSAxMy4zOThzLTEzLjM5OC01Ljk5OC0xMy4zOTgtMTMuMzk4IDUuOTk5LTEzLjM5OCAxMy4zOTgtMTMuMzk4IDEzLjM5OSA1Ljk5OCAxMy4zOTkgMTMuMzk4eiIgZmlsbD0iI2Y5YjE5NCIvPjwvZz48L3N2Zz4=");
    width: 10em;
    height: 10em;
    margin: 1em;
    background-size: contain;
    text-decoration: none;
    display: inline-block;
    -webkit-filter: grayscale(100%) brightness(112.5%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    img[title*=Marshmallow]:hover {
      filter: grayscale(0%) brightness(100%); }
  img[title*=pixiv] {
    content: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZD0ibTM4Ny4wNjggMTM2LjQxNGMtMjguNTk1LTI0Ljk5Mi02OC42MzUtMzkuNDE0LTExNS4xNzMtMzkuNDE0LTEyMS4yOSAwLTIwMy43ODcgOTMuNjM1LTIwMy43ODcgOTMuNjM1bDIzLjI0NiAzNi45MDVzMTIuODYzIDEuMDc3IDYuMDUxLTIwLjY2YzUuODc5LTExLjExMiAxNy4zOS0yNi4wNjkgMzkuODYzLTQzLjMzNnYyNDUuODUyYy05LjY4OCAyLjcyOS0yMi40OSA3Ljg2Mi0xMy43NjMgMTYuNjA0aDY2Ljc4MWM4LjgxMS04LjgyNC01LjA3My0xNC4xMzUtMTMuNTM2LTE2LjYwNHYtNTguMDAxczQ1Ljc4NiAxNy45NzQgOTUuMTQ1IDE3Ljk3NGM0My4zNjkgMCA4Mi44MjktMTIuOTAxIDExMi4xNzctMzYuMjE0IDI5LjM1Mi0yMy4xODUgNDguMjYtNTcuNzg2IDQ4LjE0OC05Ny4zNTQuMDgzLTM4LjgzOS0xNi41MzMtNzQuNDg0LTQ1LjE1Mi05OS4zODdtLTExOS4yNDcgMjEwLjAzYy0zNy45ODEuMDIyLTY5Ljk1Ni03LjMzOC05MS4wNzEtMTcuNzQydi01Mi44MjQtMTMxLjYxM2MyMy4xNjMtMTYuNDY2IDYwLjczLTI2LjYwNSA5MS4wNzEtMjYuNTQ0IDM2Ljg1NC4wMjggNjUuNzk4IDEzLjk1OCA4NS4zNjIgMzUuMDk4IDE5LjU0MyAyMS4yNjggMzAuMjA4IDQ5LjUyIDMwLjMwOCA4Mi4zNjMtLjEyMSAzMS45OTgtMTEuNTIxIDU4LjM1LTMxLjgyIDc4LjU2Ny0yMC4yOTMgMjAuMDQ3LTQ5LjgwNiAzMi43MTctODMuODUgMzIuNjk1eiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJiIj48cGF0aCBkPSJtMCAwaDUxMnY1MTJoLTUxMnoiLz48L2NsaXBQYXRoPjxzd2l0Y2g+PGZvcmVpZ25PYmplY3QgaGVpZ2h0PSIxIiByZXF1aXJlZEV4dGVuc2lvbnM9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyIgd2lkdGg9IjEiLz48Zz48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01MTIgMTA1LjM5YzAtNTcuOTY1LTQ3LjQyNS0xMDUuMzktMTA1LjM5LTEwNS4zOWgtMzAxLjIyYy01Ny45NjUgMC0xMDUuMzg5IDQ3LjQyNS0xMDUuMzkgMTA1LjM5djMwMS4yMmMuMDAxIDU3Ljk2NSA0Ny40MjUgMTA1LjM5IDEwNS4zOSAxMDUuMzloMzAxLjIyYzU3Ljk2NSAwIDEwNS4zOS00Ny40MjUgMTA1LjM5LTEwNS4zOS0uMzAxIDI4Ljg5OSAwLTMwMS4yMiAwLTMwMS4yMnoiIGZpbGw9IiMwMDk2ZmEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBkPSJtNjMuMTA3IDkyaDM3NC4xMTN2MzM5aC0zNzQuMTEzeiIgZmlsbD0iI2ZmZiIvPjwvZz48L2c+PC9zd2l0Y2g+PC9zdmc+");
    width: 10em;
    height: 10em;
    margin: 1em;
    background-size: contain;
    text-decoration: none;
    display: inline-block;
    -webkit-filter: grayscale(100%) brightness(112.5%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    img[title*=pixiv]:hover {
      filter: grayscale(0%) brightness(100%); }
  img[title*=SoundCloud] {
    content: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHdpZHRoPSIyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5OS45OTk1IiB4Mj0iOTkuOTk5NSIgeTE9IjU2LjcxMjkiIHkyPSIxNDMuMjg2NiI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjc5ODEwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjgzMTBlIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJtMi41ODMgMTA4LjQ5M2MtLjQxNyAwLS43NDYuMzIyLS44Ljc4MWwtMS40NTcgMTEuMDcgMS40NTcgMTAuODgzYy4wNTQuNDU5LjM4My43NzguOC43NzguNDAyIDAgLjczLS4zMTYuNzk1LS43NzR2LS4wMDIuMDAybDEuNzI4LTEwLjg4Ny0xLjcyOS0xMS4wNzRjLS4wNjItLjQ1Ny0uMzkzLS43NzctLjc5NC0uNzc3em04LjE5OC02LjA1MWMtLjA2OC0uNDc1LS40MS0uODA1LS44MjktLjgwNS0uNDIyIDAtLjc3Mi4zMzktLjgyOS44MDUgMCAuMDA0LTEuOTYgMTcuOTAxLTEuOTYgMTcuOTAxbDEuOTYgMTcuNTA4Yy4wNTcuNDY4LjQwNi44MDkuODI5LjgwOS40MTkgMCAuNzYxLS4zMzEuODI3LS44MDVsMi4yMy0xNy41MTJ6bTMwLjg4MS0xNi41MTVjLS44MDUgMC0xLjQ2OC42NTctMS41MDcgMS40OTVsLTEuNTU5IDMyLjkzOSAxLjU1OSAyMS4yODdjLjA0LjgyOS43MDMgMS40ODggMS41MDcgMS40ODguOCAwIDEuNDYxLS42NTkgMS41MS0xLjQ5NHYuMDA2bDEuNzY0LTIxLjI4Ny0xLjc2NC0zMi45MzljLS4wNDktLjgzOC0uNzEtMS40OTUtMS41MS0xLjQ5NXptLTE1Ljk4MyAxMS40NDhjLS42MTcgMC0xLjEyMi40OTQtMS4xNjkgMS4xNTFsLTEuNzU5IDIxLjgyNSAxLjc1OSAyMS4xMTNjLjA0OC42NTMuNTUyIDEuMTQ3IDEuMTY5IDEuMTQ3LjYxMiAwIDEuMTE0LS40OTQgMS4xNjgtMS4xNDdsMS45OTgtMjEuMTEzLTEuOTk4LTIxLjgyOWMtLjA1NS0uNjUzLS41NTYtMS4xNDctMS4xNjgtMS4xNDd6bTMyLjIyNSA0NS43NThjLjk5NyAwIDEuODA3LS44MDUgMS44NDktMS44MzVsMS41MzEtMjAuOTI5LTEuNTMxLTQzLjg1MWMtLjA0MS0xLjAzLS44NTMtMS44MzQtMS44NDktMS44MzQtMS4wMDUgMC0xLjgxNi44MDctMS44NSAxLjgzNiAwIC4wMDItMS4zNTcgNDMuODQ5LTEuMzU3IDQzLjg0OWwxLjM1NyAyMC45MzdjLjAzMyAxLjAyLjg0NSAxLjgyNyAxLjg1IDEuODI3em0zMy4yNTEuMDk5YzEuMzcxIDAgMi41MDMtMS4xMzIgMi41MjktMi41MjF2LjAxNi0uMDE2bDEuMDY3LTIwLjMyOC0xLjA2Ny01MC42NDZjLS4wMjMtMS4zODktMS4xNTgtMi41MTktMi41MjktMi41MTktMS4zNzUgMC0yLjUxIDEuMTMtMi41MjkgMi41MjFsLS45NTUgNTAuNjI3YzAgLjAzMi45NTUgMjAuMzU4Ljk1NSAyMC4zNTguMDIgMS4zNzcgMS4xNTQgMi41MDggMi41MjkgMi41MDh6bS0xNi43NTMtLjA4MWMxLjE5MyAwIDIuMTU2LS45NTggMi4xODgtMi4xNzl2LjAxNWwxLjMwMS0yMC42MTEtMS4zMDEtNDQuMTcxYy0uMDMyLTEuMjIzLS45OTUtMi4xNzctMi4xODgtMi4xNzctMS4yMDIgMC0yLjE2NS45NTctMi4xOTIgMi4xNzdsLTEuMTU2IDQ0LjE3MSAxLjE1OCAyMC42MDVjLjAyNSAxLjIxMi45ODggMi4xNyAyLjE5IDIuMTd6bS00MC43NjMtLjE5MmMuNzEgMCAxLjI4NC0uNTY3IDEuMzM4LTEuMzE2bDEuODgyLTIxLjI5MS0xLjg4Mi0yMC4yNTNjLS4wNTItLjc0Ny0uNjI1LTEuMzEyLTEuMzM4LTEuMzEyLS43MiAwLTEuMjk0LjU2Ny0xLjMzOSAxLjMyMWwtMS42NTkgMjAuMjQ0IDEuNjU5IDIxLjI4OWMuMDQ1Ljc1MS42MTggMS4zMTggMS4zMzkgMS4zMTh6bS0xNS44NTYtMS4xNjdjLjUxOSAwIC45MzgtLjQwOS45OTgtLjk3NmwyLjExNC0yMC40NjktMi4xMTItMjEuMjQzYy0uMDYyLS41NjctLjQ4MS0uOTc3LTEtLjk3Ny0uNTI2IDAtLjk0Ny40MTItMSAuOTc3IDAgLjAwMi0xLjg2IDIxLjI0My0xLjg2IDIxLjI0M2wxLjg2IDIwLjQ2M2MuMDUyLjU3My40NzQuOTgyIDEgLjk4MnptNjQuOTY1LTY2LjMyMmMtMS4yOTkgMC0yLjMzNyAxLjAzMy0yLjM2MyAyLjM1MWwtMS4wNTQgNDIuNTU3IDEuMDU0IDIwLjQ3N2MuMDI2IDEuMzA2IDEuMDYzIDIuMzM2IDIuMzYzIDIuMzM2IDEuMjk0IDAgMi4zMjgtMS4wMyAyLjM1Ni0yLjM0OXYuMDE3bDEuMTgzLTIwLjQ3OS0xLjE4My00Mi41NjNjLS4wMjktMS4zMTUtMS4wNjItMi4zNDctMi4zNTYtMi4zNDd6bS0zMi45OTcgNjcuNzA1Yy44OTYgMCAxLjYzNi0uNzI5IDEuNjc5LTEuNjYzbDEuNjQ2LTIxLjE0Ni0xLjY0Ni00MC40NzJjLS4wNDMtLjkzNC0uNzgyLTEuNjY0LTEuNjc5LTEuNjY0LS45MDUgMC0xLjY0MS43My0xLjY4MiAxLjY2NCAwIC4wMDItMS40NTggNDAuNDcyLTEuNDU4IDQwLjQ3MmwxLjQ2IDIxLjE1NGMuMDM5LjkyNS43NzYgMS42NTUgMS42OCAxLjY1NXptMTguMzg3LTEuOTk0di0uMDFsMS40MTQtMjAuNzk4LTEuNDE0LTQ1LjMyOGMtLjAzNC0xLjEyNy0uOTIxLTIuMDA4LTIuMDE5LTIuMDA4LTEuMTAxIDAtMS45ODkuODgxLTIuMDIxIDIuMDA4bC0xLjI1NiA0NS4zMjggMS4yNTggMjAuODA2Yy4wMyAxLjExMi45MTcgMS45OTQgMi4wMTkgMS45OTQgMS4wOTggMCAxLjk4LS44ODIgMi4wMTktMnptMTA3LjAxNi00Ni45MzhjLTMuMzU5IDAtNi41NjQuNjgxLTkuNDgzIDEuOTAzLTEuOTUyLTIyLjA5OC0yMC40ODItMzkuNDMzLTQzLjA4Ni0zOS40MzMtNS41MzEgMC0xMC45MjIgMS4wODktMTUuNjg1IDIuOTMxLTEuODUzLjcxNi0yLjM0NCAxLjQ1My0yLjM2IDIuODgzdjc3LjgyMWMuMDE5IDEuNTAyIDEuMTgyIDIuNzUxIDIuNjQ2IDIuODk3LjA2My4wMDggNjcuNTMxLjA0IDY3Ljk2OC4wNCAxMy41NDIgMCAyNC41Mi0xMC45NzkgMjQuNTItMjQuNTIzIDAtMTMuNTQxLTEwLjk3OC0yNC41MTktMjQuNTItMjQuNTE5em0tNzUuNjI3LTMxLjc4NWMtMS40NzIgMC0yLjY4MiAxLjIxLTIuNzAzIDIuNjk1bC0xLjEwNSA1NS4yMzUgMS4xMDcgMjAuMDQ4Yy4wMiAxLjQ2MyAxLjIyOSAyLjY3MiAyLjcwMSAyLjY3MiAxLjQ2OCAwIDIuNjc3LTEuMjA5IDIuNjk5LTIuNjkzdi4wMjNsMS4yMDEtMjAuMDUtMS4yMDEtNTUuMjM5Yy0uMDIyLTEuNDgxLTEuMjMxLTIuNjkxLTIuNjk5LTIuNjkxeiIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==");
    width: 10em;
    height: 10em;
    margin: 1em;
    background-size: contain;
    text-decoration: none;
    display: inline-block;
    -webkit-filter: grayscale(100%) brightness(112.5%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    img[title*=SoundCloud]:hover {
      filter: grayscale(0%) brightness(100%); }
  img[title*=Audius] {
    content: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1MDBwdCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDI1MDAgMjUwMCIgd2lkdGg9IjI1MDBwdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIzODcgMjE3MDVjLTk5LTI1LTE2Ny02NS0yNDEtMTQwLTY3LTY3LTIwNC0zMDItMzczNy02NDE0LTIwMTctMzQ4OS0zNjc1LTYzNjctMzY4NC02Mzk1LTQxLTEyMy0yOS0yNzcgMzItNDA0IDYwLTEyNCAyMTItMjQyIDM1MS0yNzEgMzgtOCA2NTAtMTEgMjEyMC0xMSAyMjc4IDAgMjEyMC00IDIyNDQgNjIgMTMyIDcwIDcyLTI4IDEzOTggMjI2OSAxMTI5IDE5NTUgMTIyMCAyMTA5IDEyODAgMjE3MCA5OCA5OSAyMTYgMTQ5IDM1NSAxNDkgMTQyIDAgMjUxLTQ2IDM1NS0xNTAgNjItNjEgMTQyLTE5OCAxMzYzLTIzMTcgNzE0LTEyMzkgMTMwNy0yMjc4IDEzMTgtMjMxMCA5OC0yNzctNzktNTg5LTM3My02NTgtNTUtMTMtMzg1LTE1LTI0NzgtMTUtMTYyMSAwLTI0MzAtNC0yNDYwLTExLTg2LTIwLTE3MC02OS0yMzktMTM4LTYxLTYzLTEzOS0xOTMtMTA5MC0xODQwLTY3NC0xMTY4LTEwMzAtMTc5My0xMDQyLTE4MzMtMjYtODMtMjYtMjI0IDEtMzEwIDU0LTE3NiAyMTAtMzE3IDM4OC0zNTMgNTUtMTEgMTMzNS0xNCA3Mzc3LTE3bDczMTAtMyA2OCAyM2MyMjcgNzkgMzY5IDI5MCAzNTQgNTI3LTMgNDQtMTMgMTA1LTI0IDEzNS0xMCAzMS0yMzU0IDQxMDctNTIwOCA5MDU4LTU1NzEgOTY2NC01MjIyIDkwNjctNTM0MSA5MTM3LTExMSA2NS0yNzcgOTAtMzk3IDYweiIgdHJhbnNmb3JtPSJtYXRyaXgoLjEgMCAwIC0uMSAwIDI1MDApIi8+PC9zdmc+");
    width: 10em;
    height: 10em;
    margin: 1em;
    background-size: contain;
    text-decoration: none;
    display: inline-block;
    -webkit-filter: grayscale(100%) brightness(112.5%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    img[title*=Audius]:hover {
      filter: grayscale(0%) brightness(100%); }
  img[title*=GitHub] {
    content: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjAuNzc1IDExNy43OTMiIGhlaWdodD0iMTE3Ljc5MyIgdmlld0JveD0iMCAwIDEyMC43NzUgMTE3Ljc5MyIgd2lkdGg9IjEyMC43NzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHN3aXRjaD48Zm9yZWlnbk9iamVjdCBoZWlnaHQ9IjEiIHJlcXVpcmVkRXh0ZW5zaW9ucz0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB3aWR0aD0iMSIvPjxnIGZpbGw9IiMxYTE0MTQiPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTYwLjM4OCAwYy0zMy4zNDcgMC02MC4zODggMjcuMDM1LTYwLjM4OCA2MC4zODggMCAyNi42ODEgMTcuMzAzIDQ5LjMxNiA0MS4yOTcgNTcuMzAyIDMuMDE4LjU1OSA0LjEyNi0xLjMxMSA0LjEyNi0yLjkwNSAwLTEuNDM5LS4wNTYtNi4xOTctLjA4Mi0xMS4yNDMtMTYuOCAzLjY1My0yMC4zNDUtNy4xMjUtMjAuMzQ1LTcuMTI1LTIuNzQ3LTYuOTc5LTYuNzA1LTguODM2LTYuNzA1LTguODM2LTUuNDc5LTMuNzQ4LjQxMy0zLjY3MS40MTMtMy42NzEgNi4wNjMuNDI2IDkuMjU3IDYuMjI0IDkuMjU3IDYuMjI0IDUuMzg2IDkuMjMxIDE0LjEyNyA2LjU2MiAxNy41NzMgNS4wMi41NDItMy45MDIgMi4xMDYtNi41NjcgMy44MzQtOC4wNzUtMTMuNDEzLTEuNTI2LTI3LjUxNC02LjcwNS0yNy41MTQtMjkuODQ0IDAtNi41OTMgMi4zNTktMTEuOTggNi4yMjMtMTYuMjA5LS42MjctMS41MjEtMi42OTQtNy42NjMuNTg1LTE1Ljk4MSAwIDAgNS4wNzEtMS42MjIgMTYuNjEgNi4xOTEgNC44MTctMS4zMzggOS45ODMtMi4wMDkgMTUuMTE1LTIuMDMzIDUuMTMyLjAyMyAxMC4zMDIuNjk0IDE1LjEyOCAyLjAzMyAxMS41MjYtNy44MTMgMTYuNTktNi4xOTEgMTYuNTktNi4xOTEgMy4yODcgOC4zMTggMS4yMiAxNC40Ni41OTMgMTUuOTgxIDMuODcyIDQuMjI5IDYuMjE1IDkuNjE2IDYuMjE1IDE2LjIwOSAwIDIzLjE5NC0xNC4xMjcgMjguMzAxLTI3LjU3NCAyOS43OTYgMi4xNjYgMS44NzQgNC4wOTYgNS41NDkgNC4wOTYgMTEuMTgzIDAgOC4wOC0uMDY5IDE0LjU4My0uMDY5IDE2LjU3MiAwIDEuNjA3IDEuMDg3IDMuNDkgNC4xNDcgMi44OTcgMjMuOTgxLTcuOTk0IDQxLjI2My0zMC42MjIgNDEuMjYzLTU3LjI5NC0uMDAxLTMzLjM1NC0yNy4wMzgtNjAuMzg5LTYwLjM4OC02MC4zODl6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkPSJtMjIuODcyIDg2LjcwM2MtLjEzMy4zMDEtLjYwNS4zOTEtMS4wMzUuMTg1LS40MzgtLjE5Ny0uNjg0LS42MDYtLjU0Mi0uOTA3LjEzLS4zMDkuNjAzLS4zOTUgMS4wNC0uMTg4LjQzOC4xOTYuNjg4LjYwOS41MzcuOTF6bS0uNzQzLS41NTEiLz48cGF0aCBkPSJtMjUuMzE4IDg5LjQzMmMtLjI4OC4yNjctLjg1Mi4xNDMtMS4yMzMtLjI3OS0uMzk2LS40MjEtLjQ2OS0uOTg0LS4xNzctMS4yNTUuMjk3LS4yNjcuODQzLS4xNDIgMS4yMzguMjc5LjM5Ni40MjYuNDczLjk4NC4xNzIgMS4yNTV6bS0uNTc2LS42MTkiLz48cGF0aCBkPSJtMjcuNjk5IDkyLjkwOWMtLjM3LjI1OC0uOTc2LjAxNy0xLjM1LS41MjEtLjM3LS41MzctLjM3LTEuMTgyLjAwOS0xLjQzOS4zNzQtLjI1OC45NzEtLjAyNSAxLjM1LjUwNy4zNjkuNTQ2LjM2OSAxLjE5LS4wMDkgMS40NTN6bTAgMCIvPjxwYXRoIGQ9Im0zMC45NjEgOTYuMjdjLS4zMzEuMzY1LTEuMDM2LjI2Ny0xLjU1Mi0uMjMxLS41MjgtLjQ4Ni0uNjc1LTEuMTc4LS4zNDQtMS41NDMuMzM2LS4zNjUgMS4wNDUtLjI2MyAxLjU2NC4yMzEuNTI1LjQ4Ni42ODQgMS4xODEuMzMyIDEuNTQzem0wIDAiLz48cGF0aCBkPSJtMzUuNDYxIDk4LjIyMWMtLjE0Ni40NzMtLjgyNS42ODgtMS41MDkuNDg2LS42ODQtLjIwNy0xLjEzLS43NjEtLjk5Mi0xLjIzOC4xNDItLjQ3Ny44MjQtLjcgMS41MTMtLjQ4NS42ODIuMjA1IDEuMTMuNzU1Ljk4OCAxLjIzN3ptMCAwIi8+PHBhdGggZD0ibTQwLjQwMyA5OC41ODJjLjAxNy40OTgtLjU2My45MTEtMS4yODEuOTItLjcyMi4wMTctMS4zMDctLjM4Ny0xLjMxNC0uODc3IDAtLjUwMy41NjctLjkxMSAxLjI4OS0uOTI0LjcxNy0uMDEzIDEuMzA2LjM4NyAxLjMwNi44ODF6bTAgMCIvPjxwYXRoIGQ9Im00NS4wMDIgOTcuOGMuMDg2LjQ4NS0uNDEzLjk4NC0xLjEyNiAxLjExNy0uNzAxLjEyOS0xLjM1LS4xNzItMS40MzktLjY1My0uMDg3LS40OTguNDIxLS45OTcgMS4xMjEtMS4xMjYuNzEzLS4xMjQgMS4zNTMuMTY4IDEuNDQ0LjY2MnptMCAwIi8+PC9nPjwvc3dpdGNoPjwvc3ZnPg==");
    width: 10em;
    height: 10em;
    margin: 1em;
    background-size: contain;
    text-decoration: none;
    display: inline-block;
    -webkit-filter: grayscale(100%) brightness(112.5%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    img[title*=GitHub]:hover {
      filter: grayscale(0%) brightness(100%); }
  img[title*=Amazon] {
    content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTM4MC4wMDAwMDBwdCIgaGVpZ2h0PSI1MzgwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgNTM4MC4wMDAwMDAgNTM4MC4wMDAwMDAiCiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KPG1ldGFkYXRhPgpDcmVhdGVkIGJ5IHBvdHJhY2UgMS4xNiwgd3JpdHRlbiBieSBQZXRlciBTZWxpbmdlciAyMDAxLTIwMTkKPC9tZXRhZGF0YT4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTM4MC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNmZmZmZmYiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik0yNjI3NSA0NzA3OSBjLTE3NzggLTEzMyAtMzI0NiAtNDU0IC00NzI1IC0xMDMyIC0xMTczIC00NTkgLTIzOTQKLTExNTggLTMyMDIgLTE4MzMgLTE0MzAgLTExOTMgLTIzOTcgLTI3OTAgLTI5MTggLTQ4MTkgLTYzIC0yNDMgLTkyIC0zNzMKLTE2OCAtNzMwIC00NCAtMjA5IC00NiAtMjI4IC00NiAtMzgwIDAgLTEyNCA0IC0xNzUgMTggLTIyNSA1MSAtMTgzIDE1NiAtMzI4CjMxOCAtNDM4IDEwNSAtNzIgMjk5IC0xNTIgNDM4IC0xODEgMzAgLTcgMTI1NyAtMTU4IDI3MjUgLTMzNyAxOTEwIC0yMzMgMjY4NwotMzI0IDI3MzAgLTMyMCAzMyAzIDEwMSAxOSAxNTAgMzYgMTYxIDU3IDI5NSAxNDEgNDA2IDI1NyAxODkgMTk3IDI4MSA0MDMKMzk4IDg4OSAyODAgMTE3MCA5MTggMjAwOSAxOTc2IDI2MDAgNTM2IDI5OSAxMTM0IDQ5NiAxODMwIDYwMCAxNjIgMjUgMjE0IDI4CjUyMCAzMiAzMzkgNCA1NzEgLTYgODA1IC0zMyAxMDUzIC0xMjUgMTg0NiAtNTUxIDI0MDIgLTEyOTIgMzU4IC00NzcgNTkyCi0xNDE1IDY3OCAtMjcxOCAyOCAtNDI1IDMyIC01NzggMzcgLTEzNjcgbDUgLTg0OCAtMjUgMCBjLTU4IDAgLTE3NzMgLTE0NwotMjU3NyAtMjIxIC05MDYgLTgzIC0xNDI0IC0xMzYgLTE3NTAgLTE4MCAtMjI3MyAtMzA1IC00MTE4IC03NTQgLTU3MzAgLTEzOTQKLTEwMjAgLTQwNiAtMTg3MiAtODc5IC0yNjYwIC0xNDc5IC05MjIgLTcwMiAtMTc0NiAtMTYxNiAtMjMyOCAtMjU4MSAtNzkyCi0xMzEyIC0xMjEyIC0yNzc3IC0xMzAyIC00NTM1IC0xMyAtMjUwIC0xMyAtOTU4IDAgLTEyMTAgNzYgLTE0OTcgMzcyIC0yNzIyCjkyMCAtMzgwOSA0NjUgLTkyMiAxMDkwIC0xNjkwIDE5MjAgLTIzNTcgMTE5NCAtOTYxIDI1OTggLTE1MjcgNDI0NSAtMTcxMwo0NDYgLTUwIDU3MSAtNTYgMTI5NSAtNTYgNjcxIDAgODUwIDYgMTMzMCA0MCAxMzE2IDk1IDIzOTggMzIyIDMzMjIgNjk4IDEwNzQKNDM4IDIxNTIgMTE1OSAzMjgyIDIxOTYgMjE1IDE5NyA4MjYgODA3IDk4NiA5ODMgNTggNjQgMTA4IDExNyAxMTEgMTE3IDEzIDIKMjU5IC0zMzcgNjE5IC04NTQgNDU1IC02NTQgNjAxIC04NDUgODQwIC0xMTA1IDY0OCAtNzAyIDEwODYgLTExMzUgMTU5OQotMTU4MyAxMzQgLTExNyAxNTEgLTEyOSAyMzAgLTE1OCA0NjQgLTE2OCA4NzQgLTE0MCAxMjE4IDgyIDI4IDE5IDIyOCAxODcKNDQ1IDM3NCAyNDIyIDIwOTUgMzg5MiAzMzcyIDM5NzkgMzQ1NyAxNTYgMTUxIDIyMiAyNzQgMjQ5IDQ2MiAzMSAyMTEgLTU3CjUwMSAtMjM5IDc4NiAtMTkgMzAgLTE2MyAyMjQgLTMyMCA0MzAgLTc5NSAxMDQ2IC04OTggMTE5MSAtMTA0NCAxNDcwIC0xODUKMzUzIC00MzAgOTgzIC01NDggMTQxMCAtMTAxIDM2NCAtMTc4IDc4OCAtMjA5IDExNTUgLTYgNzIgLTE0IDE0NCAtMTcgMTYwIC0zCjE3IC05IDI3NzcgLTEzIDYxMzUgLTYgNjA5OSAtNiA2MTA1IC0yOCA2NTU1IC02MSAxMjY0IC04OCAxNTIyIC0xOTEgMTg4MgotNjEgMjEzIC0xMDIgMzc0IC0yMTEgODIzIC0yNDEgOTk3IC0zNDIgMTI1MCAtNzQ1IDE4NjUgLTQ1NyA2OTggLTk5OSAxMzM5Ci0xNDcwIDE3NDEgLTk3NCA4MzAgLTIwNTIgMTQzMiAtMzMzMCAxODU5IC0xMjI2IDQxMSAtMjU1OSA2MzYgLTQxMDUgNjk1Ci0zMTEgMTIgLTE5NjQgMTEgLTIxMjUgLTF6IG00MzcyIC0xODEyNiBjLTYgLTE1MzggLTExIC0xODI3IC00MiAtMjExMyAtNDQKLTQwMCAtMTM5IC05MDYgLTI2NSAtMTQxMiAtMTk0IC03NzcgLTQ4OCAtMTQ3NSAtOTMzIC0yMjEzIC02MTggLTEwMjYgLTE0MTEKLTE3MTcgLTI0MDcgLTIwOTggLTIxMCAtODAgLTQ1MyAtMTUzIC01NDAgLTE2MSAtNDEgLTQgLTE2NyAtMjMgLTI4MCAtNDEKLTMxMSAtNTEgLTM5MiAtNTcgLTYwOCAtNDUgLTIwOCAxMSAtMzAzIDIyIC00NzIgNTAgLTU3MSA5NyAtMTExMCAzNTkgLTE1MTAKNzM0IC00ODUgNDU1IC04MTcgMTAxMSAtMTAxOSAxNzA2IC04NyAzMDAgLTE0MyA2MjEgLTE4MiAxMDQwIC0yMCAyMDYgLTE3Cjg1OSA0IDEwOTMgOTIgMTAwMiAzNDkgMTc4MyA4MjAgMjQ4MiAyNzEgNDAyIDY1NyA4MDIgMTA3MiAxMTEwIDU4MSA0MzIgMTMzMQo3OTAgMjE2MCAxMDMwIDY4NiAxOTggMTc0MSAzMzAgMjk5NSAzNzUgNDE1IDE1IDQ1NCAxNiA4NTkgMTggbDM1MyAyIC01Ci0xNTU3eiIvPgo8cGF0aCBkPSJNNDc5NDAgMTE3MjAgYy05NjcgLTU1IC0xNzAyIC0xNTUgLTI2MTUgLTM1NyAtODYzIC0xOTAgLTEzNzAgLTM2NQotMTk2MiAtNjc2IC00MjQgLTIyMyAtODk5IC01MTYgLTk4MSAtNjA2IC0xOTkgLTIxOCAtMzI5IC00NzYgLTI5MiAtNTgxIDM4Ci0xMDYgMTM5IC0xNTkgMzMxIC0xNzUgNzAgLTUgMTMzIDAgMzc0IDM0IDkyNSAxMjkgMTg2OCAyNDUgMjIxMCAyNzAgMTE5MyA5MAoyMDgyIDkxIDI4MjAgNSA3OTkgLTkzIDEyOTggLTMwMSAxNDQ3IC02MDQgOTkgLTIwMiAxMzYgLTQ1OSAxMTcgLTgxMyAtNTYKLTEwNTYgLTU2NSAtMjcxOSAtMTU3OSAtNTE1NyAtOTMgLTIyMyAtMTc2IC00MzIgLTE4NSAtNDY1IC0xOCAtNzIgLTE5IC0xOTcKLTEgLTI0OCA0OCAtMTMzIDE5OSAtMjI3IDM2NSAtMjI3IDE2NCAwIDMwMSA3NiA1NzAgMzE1IDk2MiA4NTYgMTc2MyAyMDMyCjIzMjYgMzQxOSAzOTQgOTY5IDY4NCAxOTUzIDgxNCAyNzYxIDgyIDUxMSA5NSA2ODUgOTYgMTI4NSAwIDQ3NyAtMSA1MTIgLTIyCjYyNSAtNDMgMjM5IC0xMTUgNDEwIC0yMTEgNTAzIC0yNjIgMjU2IC04NzEgNDUxIC0xODAyIDU3NiAtMTAyIDE0IC0zMTEgMzkKLTQ2NSA1NiAtMTU0IDE3IC0zMTQgMzcgLTM1NyA0NSAtMjE2IDQwIC00ODIgNDQgLTk5OCAxNXoiLz4KPHBhdGggZD0iTTMxMSAxMDczNCBjLTkzIC0zMyAtMTgwIC0xMTIgLTI0MCAtMjE3IC0xMTQgLTIwMCAtOTIgLTM5MCA2OCAtNTg2CjExMCAtMTM1IDExODUgLTEwNTcgMTg4NiAtMTYxNyAzNDc4IC0yNzgyIDc1MTMgLTQ5NzYgMTE3NTAgLTYzOTAgMzE3MyAtMTA1OAo2NDEzIC0xNjcxIDk4NTAgLTE4NjMgNjgzIC0zOSAxMTA4IC01MSAxOTQwIC01OCA5NTIgLTcgMTY1MiAxMCAyNDkwIDYyIDI3NTgKMTcyIDU2MDIgNjcxIDg0MjAgMTQ4MCAyODczIDgyNSA1NDc5IDE5MTUgNzg3NSAzMjkzIDczOSA0MjUgMTczNyAxMDY0IDI0MzAKMTU1NSAyNjAgMTg0IDQwOCAzNTAgNDYyIDUxOSAzMSA5NSAyOSAyMzggLTUgMzQzIC03MSAyMTkgLTI3OSA0NTQgLTQ4MSA1NDUKLTEwMyA0NyAtMTg2IDYzIC0zMTYgNjMgLTE5NCAtMSAtMjk1IC0yOSAtNjA1IC0xNzAgLTM4MSAtMTczIC0xMDMyIC00NDMKLTE0MDQgLTU4MyAtNTI4NiAtMTk4NiAtMTA1ODkgLTMwODEgLTE1OTg2IC0zMzAwIC03MTQgLTI5IC0xMDI5IC0zNCAtMTk3NQotMzQgLTExOTAgMCAtMTkxOCAxOCAtMjk1NSA3NCAtNzY3OSA0MTYgLTE0ODM5IDI0NDggLTIxNTM1IDYxMTIgLTM3NiAyMDYKLTc5OSA0NDQgLTEwNzAgNjAxIC0xODIgMTA2IC0yNzIgMTQ5IC0zNTYgMTcxIC03NyAyMCAtMTg1IDIwIC0yNDMgMHoiLz4KPC9nPgo8L3N2Zz4K");
    width: 10em;
    height: 10em;
    margin: 1em;
    background-size: contain;
    text-decoration: none;
    display: inline-block;
    -webkit-filter: grayscale(100%) brightness(112.5%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    img[title*=Amazon]:hover {
      filter: grayscale(0%) brightness(100%); }

a {
  color: #555555;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }
  a:visited {
    color: #777777; }
  a:hover {
    color: #222222; }
  a.assim {
    color: #333333;
    text-decoration: none; }

main {
  background-color: white; }

.left {
  text-align: left; }

.right {
  text-align: right; }

/*****HEADER*****/
header {
  padding: 1em 0;
  background-color: #222222; }
  header > h1 {
    font-size: 150%;
    color: white;
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    border: 0.05em solid #eeeeee;
    border-radius: 0.25em;
    letter-spacing: 0.1em;
    font-weight: 400;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    header > h1:hover {
      background-color: #333333;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s; }
    header > h1 > a {
      color: #999999;
      text-decoration: none; }
      header > h1 > a:hover {
        color: #eeeeee; }
  header > p {
    font-size: 100%;
    color: #eeeeee;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: 0 7.5em;
    text-align: center; }

summary {
  display: block; }
  summary::-webkit-details-marker {
    display: none; }

:not(nav) > ul, :not(nav) > ol {
  padding-left: 2em; }

/*****NAV*****/
*:before, *:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

.menubar {
  position: fixed;
  width: 2.5em;
  height: 2.5em;
  top: 1em;
  left: 1em;
  z-index: 1; }

.menubar nav {
  position: fixed;
  top: 0;
  left: -100vw;
  width: 20em;
  height: 100%;
  cursor: pointer;
  -webkit-transition: 0.5s transform;
  transition: 0.5s transform;
  -webkit-transition-timing-function: cubic-bezier(0.38, 0.52, 0.23, 0.99);
  transition-timing-function: cubic-bezier(0.38, 0.52, 0.23, 0.99);
  background-color: #1f1f1f;
  opacity: 0.5; }

.menubar nav ul {
  margin: 0;
  padding: 0; }

.menubar nav li {
  list-style: none; }

.menubar nav li a {
  display: block;
  padding: 2em;
  text-decoration: none;
  color: white;
  border-bottom: 0.1em solid white; }

.menubar #menu {
  position: absolute;
  display: none;
  opacity: 0; }

.menubar #menu:checked ~ nav {
  -webkit-transform: translateX(100vw);
  transform: translateX(100vw); }

.menubar #menu ~ .menuswitcher .menuicon {
  display: block;
  width: 2.5em;
  height: 2.5em;
  cursor: pointer;
  -webkit-transition: 0.5s transform;
  transition: 0.5s transform;
  -webkit-transition-timing-function: cubic-bezier(0.61, -0.38, 0.37, 1.27);
  transition-timing-function: cubic-bezier(0.61, -0.38, 0.37, 1.27); }

.menubar #menu:checked ~ .menuswitcher .menuicon {
  -webkit-transform: translateX(20em);
  transform: translateX(20em); }

.menubar #menu ~ .menuswitcher .menuicon span {
  display: inline-block;
  margin: 50% auto;
  width: 100%;
  height: 0.5em;
  border-radius: 0.1em;
  opacity: 0.5;
  -webkit-transition: transform 0.5s ease;
  transition: transform 0.5s ease; }
  .menubar #menu ~ .menuswitcher .menuicon span::before, .menubar #menu ~ .menuswitcher .menuicon span::after {
    content: "";
    position: absolute;
    width: 87.5%;
    height: 0.5em;
    border-radius: 0.1em;
    background-color: #bbbbbb;
    -webkit-transition: transform 0.5s ease-in;
    transition: transform 0.5s ease-in; }
  .menubar #menu ~ .menuswitcher .menuicon span::before {
    margin: -25% auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .menubar #menu ~ .menuswitcher .menuicon span::after {
    margin: 25% auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.menubar #menu:checked ~ .menuswitcher .menuicon span {
  -webkit-transform: rotate(540deg);
  transform: rotate(540deg); }

/*****ARTICLE*****/
article {
  display: block;
  margin: 5em auto;
  padding: 2.5%;
  max-width: 75em;
  width: 70%;
  border-radius: 0.5em;
  background-color: #eeeeee;
  overflow: hidden; }

article .categories {
  font-size: 75%;
  text-align: right; }

article .written_on {
  font-size: 60%;
  color: #222222;
  border: 0.1em solid #222222;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-right: 0.5em;
  padding-left: 0.5em;
  border-radius: 0.5em;
  letter-spacing: 0.1em;
  float: right; }

article .date {
  font-size: 60%;
  color: #222222;
  border: 0.1em solid #222222;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-right: 0.5em;
  padding-left: 0.5em;
  border-radius: 0.5em;
  letter-spacing: 0.1em;
  margin-top: 0.25em;
  margin-bottom: 1em;
  display: inline-block; }

article .btn {
  color: white;
  border: 0.1em solid orange;
  background-color: orange;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-right: 0.25em;
  padding-left: 0.25em;
  border-radius: 0.5em;
  letter-spacing: 0.25em;
  text-decoration: none;
  overflow: hidden;
  text-align: right; }

article .btn:hover {
  background-color: white;
  border: 0.1em solid orange;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  color: orange;
  overflow: hidden; }

article label.unmask {
  text-decoration: underline; }

article .details {
  display: inline-block; }

article #accordion.assim {
  display: none; }

article #accordion + .details {
  display: none; }

article #accordion:checked + .details {
  display: inline-block; }

article.margin {
  border: 0.1em solid transparent;
  background-color: transparent; }

article h1, article h2, article h3, article h4, article h5, article h6 {
  width: 100%;
  color: #333333;
  padding-bottom: 0.05em;
  padding-top: 0.05em;
  border-bottom: 0.05em solid #bbbbbb;
  margin-bottom: 1em;
  text-align: left; }

article h1 {
  font-size: 150%; }

article h2 {
  font-size: 141.66667%; }

article h3 {
  font-size: 133.33333%; }

article h4 {
  font-size: 125%; }

article h5 {
  font-size: 116.66667%; }

article h6 {
  font-size: 108.33333%; }

article sup {
  vertical-align: top;
  top: -0.5em;
  font-size: 75%;
  position: relative; }

article sub {
  vertical-align: bottom;
  top: 0.5em;
  font-size: 75%;
  position: relative; }

article p {
  font-size: 100%;
  color: #333333;
  line-height: 175%;
  margin-bottom: 1em; }

article pre {
  border: 0.1em solid #bbbbbb;
  border-radius: 0.25em;
  background-color: #666666;
  color: #eeeeee;
  margin: 1em 0;
  padding: 0.5em 1em;
  overflow-x: auto; }

article code {
  font-family: Consolas, Menlo, Monaco, 'Courier New', monospace, sans-serif;
  font-size: .9em; }

article img {
  max-width: 100%;
  height: auto; }

article table th, article table td {
  background: #dddddd;
  padding: 0.1em;
  border: 0.01em #eeeeee solid;
  border-radius: 1em; }

article table tr:nth-child(odd) td {
  background: white;
  padding: 0.1em;
  border: 0.01em #eeeeee solid;
  border-radius: 1em; }

blockquote {
  box-sizing: border-box;
  background: #eeeeee;
  color: #555555;
  font-style: italic; }

blockquote:before {
  line-height: 0.5; }

blockquote p:before {
  display: block;
  position: relative;
  top: 0.05%;
  left: 0.025%;
  content: "\f10d";
  font-family: FontAwesome;
  color: #cccccc;
  font-size: 250%; }

blockquote p {
  margin: 1em 0;
  padding: 0.5em 1.25em 0.5em 1.25em;
  line-height: 1.7;
  border-left: solid 0.25em #cccccc; }

blockquote cite {
  display: block;
  text-align: right;
  color: #888888;
  font-size: 0.9em; }

button {
  appearance: none;
  cursor: pointer;
  border: none;
  background-color: inherit;
  color: black;
  padding: 0.25em 1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  font-family: Arial, sans-serif;
  margin: 0.5em 0.25em;
  cursor: pointer;
  border: none;
  border-radius: 1em;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  box-shadow: -0.125em -0.125em 0.25em 0em rgba(255, 255, 255, 0.5), 0.125em 0.125em 0.25em 0em rgba(0, 0, 0, 0.3); }
  button:hover {
    box-shadow: -0.05em -0.05em 0.1em 0em rgba(255, 255, 255, 0.5), 0.05em 0.05em 0.1em 0em rgba(0, 0, 0, 0.3); }
  button:active {
    box-shadow: -0.125em -0.125em 0.25em 0em rgba(0, 0, 0, 0.3), 0.125em 0.125em 0.25em 0em rgba(255, 255, 255, 0.5); }

.footnotes {
  font-size: small; }

.footnote::before {
  content: "["; }

.footnote::after {
  content: "]"; }

footer {
  font-size: 80%;
  width: 100%;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #222222; }

footer address {
  color: white;
  letter-spacing: 0.25em; }

section.content#thoughts, section.content#wishlists {
  background-color: #dddddd;
  filter: invert(100%); }
  section.content#thoughts > div > a > .icon, section.content#wishlists > div > a > .icon {
    filter: invert(100%); }

section.content > * {
  padding: 5em 5em; }

section.content .right {
  text-align: right; }

section.content .capt {
  text-align: center; }

section.content a, section.content img {
  display: inline-block; }

section.pager {
  text-align: center;
  margin-bottom: 5em; }

section.render_area {
  text-align: right; }

section.app {
  text-align: left;
  width: 50%;
  height: 100%; }

textarea {
  resize: none;
  width: 100%;
  height: 100%; }

/* micro clearfx */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.cf {
  zoom: 1; }

/* For IE 6/7 */