<!--
  Apparent motion Experiment Ver.Beta 2025.4.11
-->
input[type="submit"] ,input[type="button"] {
-webkit-appearance: none;
border-radius: 0;
}
#all_area {
  position: absolute;
  top: 0px;
  left:0px;
//	border:5px solid #1B1B1B;
	font-size: 1.5em;
}
.response-btn {
	position: absolute:
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-size: 1em;
	text-decoration: noe;
	color: #1B1B1B;
	background: #ffffff;
	border:2px solid #1B1B1B;
  -webkit-appearance: none;
  border-radius: 0;
}
.response-btn:active {
	 background: #1B1B1B;
	 color: #ffffff;
	 cursor: pointer;
	 text-decoration: none;
}
#start-btn {
	position:absolute;
	top:200px;
	left:80px;
	display: block;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-size: 1.5em;
	text-decoration: noe;
	color: #1B1B1B;
	background: #ffffff;
	border:2px solid #1B1B1B;
	-webkit-appearance: none;
	border-radius: 0;
  animation: blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
   0%{ color : black;   background:white }
 100%{ color : white; background:black   }
}#landscape {
	position:absolute;
	position:fixed;
	top: 20px;
	left: 20px;
	border:2px solid blue;
	font-size: 1.5em;
	-webkit-appearance: none;
	visibility:hidden;
   animation: blinkAnime5 1s infinite alternate;
}
@keyframes blinkAnime5{
   0%{ color : blue;   background:white }
 100%{ color : white; background:blue   }
}
#start-btn:active {
	 background: #1B1B1B;
	 color: #ffffff;
	 cursor: pointer;
	 text-decoration: none;
}
#disp_trial {
	position:absolute;
	top:10px; left:10px;
	font-size: 1.5em;
}
#disp_title {
	position:absolute;
	top:10px; left:10px;
	font-size: 1em;
	 font-weight: 900;
}

#st-btn, #stop-btn {
	position: absolute;
	width: 80px;
	height:30px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
  font-weight: 500;
  font-family: sans-serif;
	font-size: 1em;
	text-decoration: noe;
  border-radius: 0;
    -webkit-appearance: none;
}
#d1-n, #d2-n, #isi-n, #next-n, #angle-n, #repeat-n {
	position: absolute;
	width: 300px;
  font-weight: 500;
	text-align: left;
  font-family: sans-serif;
	font-size: 1em;
	text-decoration: noe;
}
#duration_1, #duration_2, #isi_v, #next_v, #repeat {
	position: absolute;
	width: 60px;
	height: 18px;
 	text-align: center;
  font-family: sans-serif;
	font-size: 1em;
	text-decoration: noe;
	-webkit-appearance: none;
}
#angle_v {
	position: absolute;
	width: 60px;
	height: 30px;
 	text-align: center;
  font-family: sans-serif;
	font-size: 1em;
	text-decoration: noe;
	-webkit-appearance: none;
}
#d1-t , #d2-t, #isi-t, #next-t, #angle-t {
	position: absolute;
	width: 100px;
  font-weight: 500;
	text-align: center;
  font-family: sans-serif;
	font-size: 1em;
	text-decoration: noe;
}
#prog {
	position:absolute;
	display: block;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	font-size: 0.8em;
	text-decoration: noe;
	-webkit-appearance: none;
	border-radius: 0;
  animation: blinkAnimep  1s infinite alternate;
 
 }
@keyframes blinkAnimep{
   0%{ color : black;   background:white }
 100%{ color : white; background:white   }
 }
 #para1, #para2 {
	position:absolute;
	display: block;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	font-size: 1em;
	text-decoration: noe;
	-webkit-appearance: none;
	border-radius: 0;
  animation: blinkAnimepa  1s infinite alternate;
 
 }
@keyframes blinkAnimepa{
   0%{ color : red;   background:white }
 100%{ color : white; background:pink  }
 }