@font-face {
  font-family: 'Robot';
  src: url(fonts/RoboRocRegular.otf) format('opentype');
}

	*{
		margin: 0;
		border: 0;
		box-sizing: border-box;
	}
		
		
	body {font-family : 'Robot', Gill Sans, Gill Sans MT, Calibri, sans-serif;
		  font-size : 25px; 
		  text-align:center} 

	button {font-family: 'Robot';
			font-size: 50;
			min-width: 60%;
			padding: 15px; }

	.elapsed {
		min-height: 30vh;
		font-size: 150px;
	}		
	
  #settings {
	padding:2vh;
	border:grey 2px solid; 
	border-radius:5px; 
	width:80%; 
	margin-left:10%; 
	margin-right:auto;
	margin-bottom : 4vh;
  }
  
  #set-precisione, #set-sound {
		margin:2vh; 
  }
  #setting-intest {
	font-size:larger;
  }
  label {
	font-size: smaller;
	margin:1vw;
  }
  .sound, .precision {
	color:grey;
  }
  .highlight {
	color:black;
  }
  .blink {
	color:green; 
  }
  
  .left{
	width:50%; 
	float:left; 
  }
  
  .right{
	width:50%; 
	float:right; 
  }
  .tot-elapsed {
	font-size : 2.5em; 
	display: inline-block;
  }
  #tot-elapsed {
	display: inline-block;
	margin-top: 100%;
	}
  
  	@media(orientation:portrait){

		.left{
			width:100%; 
			float:unset; 
		}
	  
		.right{
			width:100%; 
			float:unset; 
		}
		.elapsed {
		  min-height: 20vh;
		  font-size: 100px;
		}
		#tot-elapsed {
			margin-top: 1%;
		}
			
		#set-precisione, #set-sound {
			margin: 1vh;
			font-size: 0.5em;
		}

	}