collisions1D_it.css

body 
{
	background-color: gainsboro;
	text-align: center;
	font-family: helvetica;
}

footer 
{
	padding: 10px;
	text-align: right;
	color: black;
}

abbr 
{
	text-decoration: underline;
  font-family: helvetica;
  
}

label 
{
  font-size: 18px;
}

input[type=text] 
{ 
  width: 6%;
  color: black;
  background-color: lightgreen;
  padding: 6px 10px;
  display: inline-block;
  border: 1px solid black;
  border-radius: 4px;
  box-sizing: border-box;
}

a 
{
  color: royalblue;
 /* font-family: impact, charcoal;*/
}

input[type=text]:hover 
{
  background-color: #fff;
}

.button 
{
	font-family: Georgia;
  display: inline-block; 
	padding: 10px 20px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: seagreen;
  border: none;
  border-radius: 15px;
  box-shadow: 0 6px silver;
}

.button:hover {background-color: #3e8e41}


.button:active 
{
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.button1 
{ 
	font-family: Georgia;
  display: inline-block;
  padding: 7px 12px;
  font-size: 14px;
 	cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: seagreen;
  border: none;
  border-radius: 10px;
  box-shadow: 0 5px silver;
}

.button1:hover {background-color: #3e8e41}

.button1:active 
{
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

#button1_0 {background-color: orangered}

#button1_0:hover {background-color: tomato}


.sliders 
{
  -webkit-appearance: none;  
  appearance: none;
  width: 10%; 
  height: 16px; 
  background: #d3d3d3; 
  outline: none; 
  opacity: 0.7; 
  -webkit-transition: .2s; 
  transition: opacity .2s;
}


.sliders:hover 
{
  opacity: 1; 
}


.sliders::-webkit-slider-thumb 
{
  -webkit-appearance: none; 
  appearance: none;
  width: 20px; 
  height: 16px;
  background: #4CAF50;
  cursor: pointer; 
}

.sliders::-moz-range-thumb 
{
  width: 20px; 
  height: 16px;
  background: #4CAF50;
  cursor: pointer; 
}

 .blink 
 {
  animation: blinker-two 1.4s linear infinite;
  color: red;
  font-weight: bold;
}

@keyframes blinker-two 
{  
  100% { opacity: 0; }
}