@charset "UTF-8";
@font-face 
{ font-family: 'Delfino';
  src: url('../font/Delfino.ttf');
}
@font-face 
{ font-family: 'Comication';
  src: url('../font/Comication.ttf');
}
body, button
{ font-family:Delfino;font-size:x-large;border-radius:25px;color:black;	
}
button	{width:100%;cursor:pointer;}
button:hover {box-shadow:5px 5px 5px #acacac;}
input {font-size:xx-large;background:"#ffffcd";padding:10px;border-radius:25px;text-align:center;cursor:pointer;}
input::placeholder{color:green;}
.minuti::placeholder{color:blue;}
td{border:0px dashed gray;border-radius:5px;text-align:center;padding:10px;width:31%;}
svg,table{border-radius:5px}
svg polyline,line{stroke-linecap:round}
A{color:blue;text-decoration:none;}
A:visited{color:blue;}
A:hover{text-decoration:underline;}
h3{ padding: .1em 32%;font-family:Comication;font-size:xx-large;}
.text_div{font-size:large;}
.header
{	position:absolute;
	top:1%;
	left:0%;
	width:98%;
	height:10%;
	display:grid;
	grid-template-columns:0.9fr 1.2fr 0.9fr;
	grid-template-rows: 1fr;
	text-align:center;
	font-size:xx-large;
	box-sizing:border-box;
}
.cdiv
{	position:absolute;
	top:10%;
	left:0%;
	width:100%;
	display:grid;
	grid-template-columns: 0.9fr 1.2fr 0.9fr;
	grid-template-rows: auto auto auto;
	grid-gap:30px;
	background:transparent;
 	opacity:1;
	padding:1px;
	box-sizing:border-box;	
}
.cdiv div
{	border:0px dashed gray;	
	border-radius:25px;
	text-align:center; 
  	min-height:50px;
  	padding:10px;
  	margin:5px;
}
@media only screen and (max-width:1500px)
{	body, div, button, input
	{	font-size:small;	
	}
	.text_div {font-size:small;}
	.cdiv 
    {	font-size:small;
    	padding:2px;
      	grid-gap:3px;
    }
    .cdiv div
    {	font-size:small;
        padding:1px; 
        margin:1px; 
     }
  	.header
  	{	font-size:small;
  		height:4% ;
        padding:1px;    
  	}
}