@charset "UTF-8";
/* CSS Document - Cloned from faaux.neocities.org */

* {
	margin:0px;
	padding:0px;
	letter-spacing:8px;
	image-rendering: pixelated;
	font-smooth: never;
	-webkit-font-smoothing: none;
}

body {
 	background-image:url("resources/bg/bg-dis-03.gif"), url("resources/bg/bg_main2.gif");
	background-color:#d2738a;
	color:#c1b492;
	overflow-x: hidden;
	min-height: 100vh;
}

a {
	text-decoration:none;
}

a:link {
	color:#d2738a;
}

a:visited {
	color:#d2738a;
}

a:hover {
	color:#c1b492;
	animation: wiredB2 1s ease-out infinite;
}

a:active {
	color:#d2738a;
}

#navbar {
	background-color:#00000000;
	background-image:url("resources/bg-rip-02.gif");
	width:800px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	box-shadow:black 0px 5px 10px;
	text-align:center;
	padding-top:40px;
}

h1 {
	font-size:20px;
	font-family:Times, "Times New Roman", serif;
	font-weight:normal;
	clear:both;
}

h6 {
	font-size:9px;
}

.intro {
	font-size:9px;
}

.copy {
	font-size:11px;
}

.mail {
	font-size:9px;
}

.logo {
	margin:20px;
}

#navline {
	font-size:13px;
	letter-spacing:8px;
	margin-bottom:20px;
}

.navline {
	font-size:8px;
	letter-spacing:8px;
	margin-bottom:20px;
}

.blinkFrame {
	display:inline-block;
	float:left;
	width:400px;
	font-weight:bolder;
}

hr {
	border-color:#d2738a;
	border-bottom-width:2px;
}

#enterWired {
	display:block;
	background-image:url(resources/16c.gif);
	width:838px;
	height:650px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

.article {
	width:800px;
	background-color:#00000000;
	background-image:url("resources/bg-rip-02.gif");
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	box-shadow:black 0px 5px 10px;
	text-align:center;
	letter-spacing:8px;
	font-size:13px;
	padding-top:20px;
}

.article p {
	margin:20px;
	font-size:13px;
}

.article ul li {
	margin: 8px 0;
}

.date {
	font-size:9px;
	line-height:0px;
	margin:0px;
}

.author {
	font-size:13px;
	line-height:40px;
	margin:0px;
}

h5 {
	font-weight:normal;
}

b {
	color:#d2738a;
	font-weight:normal;
}

#footer {
	margin-top:70px;
	color:#d2738a;
	border:0px;
	text-align:center;
	letter-spacing:8px;
	font-size:9px;
	margin-bottom:20px;
}

#footer span {
	background-color:black;
	padding:3px;
}

#footer a {
	text-decoration:underline;
}

#note {
	letter-spacing:0px;
}

.article .comment {
	font-size:9px;
}

.jap {
	font-smooth: auto !important;
	-webkit-font-smoothing : auto !important;
}

.iconA {
	background-image:url(resources/favicon_16px.gif);
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.iconB {
	background-image:url(resources/favicon_16px.gif);
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

/* ===== ANIMATIONS ===== */

/* Blink animation with delay variants */
.del1s {
	animation: blink 2s linear infinite;
	animation-delay: 0s;
	letter-spacing:0px;
}

.del1s5ms {
	animation: blink 2s linear infinite;
	animation-delay: 0.4s;
	letter-spacing:0px;
}

.del2s {
	animation: blink 2s linear infinite;
	animation-delay: 0.8s;
	letter-spacing:0px;
}

.del4s {
	animation: blink 2s linear infinite;
	animation-delay: 1.2s;
	letter-spacing:0px;
}

.del5s {
	animation: blink 2s linear infinite;
	animation-delay: 1.6s;
	letter-spacing:0px;
}

.del6s {
	animation: blink 2s linear infinite;
	animation-delay: 2s;
	letter-spacing:0px;
}

.blink {
  animation: blink 2s linear infinite;
}

.Bfast {
	animation: blink 2s ease-out infinite;
}

/* Wired animation with delay variants */
.wiredAnim {
	animation: wiredB 2s ease-in-out infinite;
}

.wdel1s {
	animation: wiredB 2s ease-in-out infinite;
	animation-delay: 0.4s;
}

.wdel2s {
	animation: wiredB 2s ease-in-out infinite;
	animation-delay: 0.8s;
}

.wdel3s {
	animation: wiredB 2s ease-in-out infinite;
	animation-delay: 1.2s;
}

/* ===== KEYFRAMES ===== */

@keyframes blink {
  50% {
	color:black;
  }
}

@keyframes wiredB {
  50% {
	color:#c1b492;
	text-shadow:#d2738a 1px 4px 5px;
  }
}

@keyframes wiredB2 {
  50% {
	color:#c1b492;
	text-shadow:#c1b492 1px 1px 6px;
  }
}
