@charset "UTF-8";

@font-face {
  font-family: 'Vinyl_George';
  src: url('../font/vinyl_george/Vinyl_George.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  color: #ffffff;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
  overflow-x: hidden;
}

#canvas {
	top: 0;
	position: fixed;
	display: block;
	-moz-box-shadow: inset 0 0 100px #000;
	-webkit-box-shadow: inset 0 0 100px #000;
	box-shadow: inset 0 0 100px #000;
	z-index: -10;
	content: "";
}



a {
	text-decoration:none;

}

a:link {
	color: #ffffff;
}

a:visited {
	color: #ffffff;
}

a:hover {
	color: #ffffff;
	animation: cogitoB2 1s ease-out infinite;
}

.page-container {
  position: relative;
  min-height: 100vh;
}

.content-wrap {
  width: 100%;
}

#navbar {
  background-color: black;
  width: 800px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  box-shadow: black 0px 5px 10px;
  text-align: center;
  padding-top: 40px;
}

h1 {
	font-size: 20px;
  font-family: 'vinyl George', serif;
	font-weight: normal;
	clear: both;
}

h6 {
	font-size:9px;
}

.cogito {
  color: #ffffff;
  font-family: 'Vinyl_George';
  letter-spacing: 14px;
  font-size: 30px;
}

.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;
  color: #ffffff;
}

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


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

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

.article {
  color: #ffffff;
	width:800px;
	background-color:black;
	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;
  overflow: auto;
}

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

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

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

h5 {
	font-weight:normal;
}

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

#footer {
	margin-top:70px;
	color:#ffffff;
	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(/favicon_16px.gif);
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.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;
}

.cogitoAnim {
	/*animation: cogitoB 2s ease-in-out infinite;*/
  font-family: 'Vinyl_George';
  letter-spacing: 14px;
  font-size: 30px;
}

.cdel1s {
	animation: cogitoB 2s ease-in-out infinite;
	animation-delay: 0.4s;
}

.cdel2s {
	animation: cogitoBB 2s ease-in-out infinite;
	animation-delay: 0.8s;
}

.cdel3s {
	animation: cogitoB 2s ease-in-out infinite;
	animation-delay: 1.2s;
}

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

 @keyframes cogitoB {
  50% {
	  color:#ffffff;
	  text-shadow:#000000 1px 4px 5px;
	  }
 }

 @keyframes cogitoB2 {
  50% {
	  color:#ffffff;
	  text-shadow:#000000 1px 1px 6px;
	  }
 }