@charset "UTF-8";
/* CSS Document */


::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
  display: none;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea {
  outline: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: "Times New Roman", Times, serif;
  width:125px;
  outline:none;
  cursor: url('./cursor2.gif'), auto;
}

option {
  cursor: url('./cursor2.gif'), auto;
}

* {
	margin:0;
	padding:0;
	
	}
	
body {
	background-color:black;
	user-select: none;
	color:#c1b492;
	letter-spacing:8px;
	image-rendering: pixelated;
	font-smooth: never;
	-webkit-font-smoothing: none;
	font-family: "Times New Roman", Times, serif;
	text-align:center;
	cursor: url('./cursor.gif'), auto;
	}
	
img {
	opacity:0;
	animation: opacity 0.2s ease-in forwards;
	animation-delay:0.6s;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	
	}
	
	
#intro {
	font-weight:normal;
	font-size:30px;
	letter-spacing:14px;
	margin-top:30px;
	margin-bottom:-10px;
	}
	
.jp {
	font-size:14px;
	margin-bottom:100px;
	letter-spacing:3px;
	font-smooth: auto;
	-webkit-font-smoothing : auto;
	transition: letter-spacing 0.5s ease-out;
	cursor: url('./cursor2.gif'), auto;
	}
	
.jp:hover {
  letter-spacing: 4px;
  cursor: url('./cursor2.gif'), auto;
  }

.descp {
	margin-top:0px;
	display:inline-block;
	width:200;
	font-size:10px;
	margin-bottom:10px;
	text-align:center;
	clear:both;
	text-indent:0;
	letter-spacing:5px;
	border: 1px solid #ccc;
  border-radius: 4px;
	color:#c1b492;
	border-color:#c1b492;
	background:none;
	line-height:14px;
	font-family: "Times New Roman", Times, serif;
	transition: color 0.5s ease-out, border-color 0.5s ease-out, letter-spacing 0.5s ease-out;
	}
	
.descp:hover {
	color:#d2738a;
	border-color:#d2738a;
	letter-spacing:6px;
	cursor: url('./cursor2.gif'), auto;
  }
	
.descp:first-line {
	text-indent:0px;
	}
	
b {
	color:#d2738a;	
	letter-spacing:8px;
	}
	
a {
	margin-bottom:140px;
	font-size:10px;
	cursor: url('./cursor2.gif'), auto;
	}

hr {
	border-color:#c1b492;
	display:inline-block;
	width:170px;
	border-style:solid;
	box-shadow:none;
	border-bottom:0px;
	}
	
a {
	text-decoration:none;
	cursor: url('./cursor2.gif'), auto;
	transition: color 0.5s ease-out;
	}
	
a:link {
	color:#d2738a;
	cursor: url('./cursor2.gif'), auto;
	}
	
a:visited {
	color:#d2738a;
	cursor: url('./cursor2.gif'), auto;
	}
	
a:hover {
	color:#c1b492;
	cursor: url('./cursor2.gif'), auto;
	}
	
a:active {
	color:#d2738a;
	cursor: url('./cursor2.gif'), auto;
	}
	
.text {	
	background-color:#dfd5bc;
	height:18px;
	text-align:center;
	margin-bottom:12px;
	transition: background-color 0.5s ease-out;
	width:170px;

	}
	
.text:hover {
	background-color:white;

	
	}
	
.text:focus {
	background-color:white;
	
	}
	
input {
	border:none;
	}
	
.chekk {
	color:#c1b492;
	letter-spacing:3px;
	transition: color 0.5s ease-out, letter-spacing 0.5s ease-out;
  }
	
.chekk:hover {
	color:#d2738a;
	letter-spacing:4px;
	cursor: url('./cursor2.gif'), auto;
  }

.checkbox:hover {
  cursor: url('./cursor2.gif'), auto;
  }	

.button {
	color:#c1b492;
	background-color:rgba(0,0,0,0.0);
	width:200px;
	cursor: url('./cursor2.gif'), auto;
	padding-left:12px;
	padding-top:2px;
	padding-bottom:2px;
	letter-spacing:4px;
	transition: color 0.5s ease-out, border-color 0.5s ease-out, letter-spacing 0.5s ease-out;
	text-align:center;
	border-radius:10px;
	border-style: solid;
  border-width: 1.5px;
	border-color:#c1b492;
	line-height:14px;
	margin-bottom:100px;
	}
	
.button:hover {
	color:#d2738a;
	border-color:#d2738a;
	letter-spacing:5px;
  }
	
.darker {
	position:relative;
	width:100%;
	height:100%;
	background-image:url(bg_darker.gif);
	animation: darkestDown 80s linear infinite;
	min-height: 100vh;
	}
	
.dark {
	position:relative;
	width:100%;
	height:100%;
	background-image:url(bg_dark_anim_0_08.gif);
	animation: darkest 60s linear infinite;
	min-height: 100vh;
	}
	
.wiredGang {
	position:relative;
	width:100%;
	height:100%;
	background-image:url(lain_myese.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	animation: wiredGangAn 20s linear infinite;
	min-height: 100vh;
	}
	
.opacity  {
	position:relative;
	width:100%;
	height:100%;
	min-height: 100vh;
	background-color:rgba(0,0,0,0.0);
	animation: opacityBg 0.3s linear forwards;
	animation-delay:0.6s;
	}
	
.opacityContent {
	opacity:0;
	animation: opacity 1s ease-in forwards;
	animation-delay:3s;
	
	}
	
.opacityContent2 {
	opacity:0;
	animation: opacity 1s ease-in forwards;
	animation-delay:3.5s;
	
	}
	
@keyframes darkest {
  from {
	  background-position-y:1024px;
  }
  to {
	   background-position-x:-1024px;
	  }
 }
 
 
@keyframes darkestDown {
  from {
	  background-position-y:-1024px;
  }
  to {
	   background-position-x:1024px;
	  }
 }
 
 
 @keyframes wiredGangAn {
  from {
	  background-position-x:341px;
  }
  to {
	   background-position-x:-341px;
	  }
 }
 
 @keyframes opacity {
  from {
	  opacity:0;
  }
  to {
	  opacity:1;
	  }
 }
 
 @keyframes opacityBg {
  from {
	background-color:rgba(0,0,0,0.0);
  }
  to {
	background-color:rgba(0,0,0,0.6);
	  }
 }
 
 @keyframes opacityBG{
  0%{opacity:0;}
  50%{opacity:1;}
  100%{opacity:0;}
}

.output-image {
  border: 2px solid #c1b492;
  background: rgba(193, 180, 146, 0.5);
  padding: 5px;
  margin: 10px;
  border-radius: 5px;
  transition: all 0.5s ease-out;
}

.output-image:hover {
  border: 2px solid #d2738a;
  background: rgba(210, 115, 138, 0.5);
  padding: 5px;
  margin: 10px;
  border-radius: 5px;
  cursor: url('./cursor2.gif'), auto;
}

.mousee:hover{
  cursor: url('./cursor.gif'), auto;
}