body {
    font-family: 'Anonymous Pro';font-size: 22px;
}

@-webkit-keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}
@-o-keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
         -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
         -o-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}
@keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
         -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
         -o-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}

.context-menu-icon-add:before {
  content: "EA01";
}

.context-menu-icon-copy:before {
  content: "EA02";
}

.context-menu-icon-cut:before {
  content: "EA03";
}

.context-menu-icon-delete:before {
  content: "EA04";
}

.context-menu-icon-edit:before {
  content: "EA05";
}

.context-menu-icon-loading:before {
  content: "EA06";
}

.context-menu-icon-paste:before {
  content: "EA07";
}

.context-menu-icon-quit:before {
  content: "EA08";
}

.context-menu-icon::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2em;
  font-family: "context-menu-icons";
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #070707;
  text-align: left;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.context-menu-icon.context-menu-hover:before {
  color: #fff;
}

.context-menu-icon.context-menu-disabled::before {
  color: #bbb;
}

.context-menu-icon.context-menu-icon-loading:before {
  -webkit-animation: cm-spin 2s infinite;
       -o-animation: cm-spin 2s infinite;
          animation: cm-spin 2s infinite;
}

.context-menu-icon.context-menu-icon--fa {
  display: list-item;
  font-family: inherit;
}
.context-menu-icon.context-menu-icon--fa::before {
  position: left;
  top: 50%;
  left: 0;
  width: 2em;
  font-family: 'Anonymous Pro';
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #070707;
  text-align: left;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.context-menu-icon.context-menu-icon--fa.context-menu-hover:before {
  color: #fff;
}
.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before {
  color: #bbb;
}

.context-menu-list {
  position: absolute;
  display: inline-block;
  min-width: 13em;
  max-width: 26em;
  padding: .25em 0;
  margin: .3em;
  font-family: inherit;
  font-size: inherit;
  list-style-type: none;
  background: #fff;
  border: 1px dashed #070707;
  border-radius: .2em;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
          box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.context-menu-item {
  position: relative;
  padding: .2em 2em;
  color: #070707;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.context-menu-item.context-menu-hover {
  color: #fff;
  cursor: pointer;
  background-color: #070707;
}

.context-menu-item.context-menu-disabled {
  color: #bbb;
  cursor: default;
  background-color: #fff;
}

.context-menu-input.context-menu-hover {
  color: #070707;
  cursor: default;
}

.context-menu-submenu:after {
  position: absolute;
  top: 50%;
  right: .5em;
  z-index: 1;
  width: 0;
  height: 0;
  content: '';
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

.context-menu-item.context-menu-input {
  padding: .3em .6em;
}

.context-menu-input > label > * {
  vertical-align: top;
}

.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
  position: relative;
  top: .12em;
  margin-right: .4em;
}

.context-menu-input > label {
  margin: 0;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.context-menu-input > label > textarea {
  height: 7em;
}

.context-menu-item > .context-menu-list {
  top: .3em;
  right: -.3em;
  display: none;
}

.context-menu-item.context-menu-visible > .context-menu-list {
  display: block;
}

.context-menu-accesskey {
  text-decoration: underline;
}

.contextmenu-item-custom.contextmenu-item-custom__accent:not(:hover) {
  background-color: #070707;
}
.contextmenu-item-custom.contextmenu-item-custom__success:not(:hover) {
  background-color: #070707;
}

body{
	background-position:left; background-attachment: fixed; background-size: cover;
	font-family:'Anonymous Pro';
	font-weight:normal;
	text-align:center;
	line-height:1;
	color: black;
	letter-spacing:5px;
	margin: 0 auto;
}

a:hover { color: #f0f2f5; cursor:help; }
a 		{ color: #dfe2e8; text-decoration:none; }

h2, h3, h4, h5 {
	font-family: 'Anonymous Pro';
	font-weight:normal;
	margin-left:10px;
	margin-right:10px;
}

::-webkit-scrollbar {width: 2px;height:2px;}
::-webkit-scrollbar-track {background: #070707;}
::-webkit-scrollbar-thumb {background: #555;}
::-webkit-scrollbar-thumb:hover {background: #f4f1e8;}
::-webkit-scrollbar-corner {background: #070707;}

.hide { display:none; }

.block {
	background-color:#070707;
	width:55%;
	height:auto;
	margin: 35px auto 10px auto;
	box-shadow:#070707 0px 0px 2px;
	padding:1px;
}

.dock-names {
	background-color: #424242;
	width: 100%;
	min-height: 19px;
	margin: 3px auto 3px auto;
}

.dock-names:hover {
	background-color: #a2a2a2;
}


.window {
	display: inline-block;
	position: relative;
	background-color: #424242;
	width: 50%;
	height: 60%;
	z-index: 10;
	border-radius: 25px
}

.win-close {
	background-position:center;
	background-size: cover;
	width:18px;
	height:18px;
	float:left;
	margin: 4px 2px 4px 2px;
	cursor: help;
}

.win-content {
	height: calc(100% - 29px);
	width: calc(100% - 1px);
	background-color: #111111;
	border-radius: 25px
}

.win-frame {
	background-color: #111111;
	height: 99%;
	width: 99%;
  border-radius: 25px
}

.resizer {
	width: 10px;
	height: 10px;
	position: absolute;
	right: -5px;
	bottom: -5px;
	cursor: nw-resize;
}

#story {
	width: 100%;
	text-align: center;
	position: fixed;
	bottom: 2%;
	z-index: 1;
	text-shadow: 1px 1px black;
	text-decoration: underline;
}

#story a{
	color: white;
}

#backneko {
	position:absolute;
	right:0;
	bottom:0;
	opacity: 0.5;
	z-index:-1;
}

:target {
	display:inline;
}

#scanlines {
  	background-image: url("../images/scanlines.png");
	background-repeat: repeat;
	position:absolute; top: 0px; left: 0px;
	width: 100%; height: 100%; z-index:100;
	animation: scanAnim 0.7s infinite;
  	animation-timing-function: linear;
	pointer-events: none;
}

@keyframes scanAnim {
	0% {
		background-position: 0px 0px;
	}
	100% {
		background-position: 0px 8px;
	}
}

.icon-line1 {
  display: flex;
  justify-content: center;
}

.dLink{
	margin: 20px 20px 10px 10px;
	width:80px;
	height:80px;
	text-align: center;
	float: left;
	font-size:14px;
	font-family:'Anonymous Pro';
	font-weight:normal;
	line-height:1;
	letter-spacing:5px;
}

.dLink a{
	margin: 0px auto 0px auto;
	text-align: center;
	line-height: 1.5;
	color: #dfe2e8; text-decoration:none;
} 
.dLink a:hover { color: #f0f2f5; cursor:help; }

.dLinkb{
	margin: auto auto 2px 10px;
	width:64px;
	height:64px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
  text-align: center;
	font-size:14px;
	float: left;
	font-family:'Anonymous Pro';
	font-weight:normal;
	line-height:1;
	letter-spacing:5px;
	position: relative
}

.dLinkb a{
	margin: 0px auto 0px auto;
	text-align: center;
	line-height: 1.5;
	color: #dfe2e8; text-decoration:none;
} 
.dLinkb a:hover { color: #f0f2f5; cursor:help; }

.dIcon{
	margin: auto;
	width:70px;
	height:70px;
	background-size: cover;
	position: relative;
	top: 0;
	left: 0;
}

.dIcon img{
	width:60px;
	height:60px;
}

.dIconb{
	margin: auto;
	width:65px;
	height:65px;
	background-size: cover;
	position: relative;
	top: 0;
	left: 0;
}

.dIconv img{
	width:60px;
	height:60px;
}


.countdownHolder{
	width:450px;
	margin:0 auto;
	font: 40px/1.5 'Open Sans Condensed',sans-serif;
	text-align:center;
	letter-spacing:-3px;
}

.position{
	display: inline-block;
	height: 1.6em;
	overflow: hidden;
	position: relative;
	width: 1.05em;
}

.digit{
	position:absolute;
	display:block;
	width:1em;
	background-color:#444;
	border-radius:0.2em;
	text-align:center;
	color:#fff;
	letter-spacing:-1px;
}

.digit.static{
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
	
	background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, #3A3A3A),
		color-stop(0.5, #444444)
	);
}

.countDiv{
	display:inline-block;
	width:16px;
	height:1.6em;
	position:relative;
}

.countDiv:before,
.countDiv:after{
	position:absolute;
	width:5px;
	height:5px;
	background-color:#444;
	border-radius:50%;
	left:50%;
	margin-left:-3px;
	top:0.5em;
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
	content:'';
}

.countDiv:after{
	top:0.9em;
}

.foot {
    display : table-row;
    vertical-align : bottom;
    height : 1px;
}

.footerWrap {
    width:100%;
    position:fixed;
    bottom: 0px;
}
.footer {
    width:90%;
    padding:0px
}
.footerContent {
    float:left;
    width:100%;
    background-color:#e8e4eb;
    height:60%;
    opacity: 0.7;
    border-radius: 20px 20px 0px 0px;
}


.footer p {float:left; width:100%; text-align:center; }

.dIcon-Eichi { background-image: url("rei2.jpg" ); }
.dIcon-Nazuna { background-image: url("nazuna.png" ); }
.dIcon-Arashi { background-image: url("arashi.png" ); }
.dIcon-Midori { background-image: url("Midori.png" ); }
.dIcon-Yuuta { background-image: url("yuuta.png" ); }
.dIcon-Mayoi { background-image: url("mayoi.png" ); }
.dIcon-Hajime { background-image: url("hajime.png" ); }
.dIcon-Ibara { background-image: url("ibara.jpg" ); }
.dIcon-Tetora { background-image: url("tetora.jpeg" ); }
.dIcon-Kuro { background-image: url("kuro.png" ); }
.dIcon-Shu { background-image: url("shu.png" ); }
.dIcon-Kaoru { background-image: url("kaoru.png" ); }
.dIcon-Tsumugi { background-image: url("tsumugi.png" ); }
.dIcon-Mama { background-image: url("mama.png" ); }
.dIcon-Makoto { background-image: url("makoto.png" ); }
.dIcon-Izumi { background-image: url("izumi.jpg" ); }
.dIcon-Hinata { background-image: url("hinata.png" ); }
.dIcon-Random { background-image: url("photo.jpg" ); }

.dIconb-Notes { background-image: url("mp.png" ); }

.dIcon-Broken{ background-image: url("../images/oc-img/broken.png"  ); }