body,html{
background-color:brown;
font-family:arial;
font-size:14px;
color:white;
margin:0px;
overflow: hidden;
}
.segmentonero{
position:absolute;
left:0px;
top:140px;
width:100%;
height:30px;
background-color: yellow;
border-top:1px solid black;
border-bottom:1px solid black;
display: flex;
justify-content: center;
align-items: center;
font-size:18px;
color:black;
}
.segmentorosso{
position:absolute;
left:0px;
top:180px;
width:100%;
height:30px;
background-color: red;
border-top:1px solid black;
border-bottom:1px solid black;
display: flex;
justify-content: center;
align-items: center;
font-size:18px;
color:white;
}
.segmentobianco{
position:absolute;
left:0px;
top:220px;
margin-left:10px;
margin-right:10px;
display: flex;
justify-content: center;
align-items: center;
font-size:18px;
font-style:italic;
color:black;
}
.numeri{
position:absolute;
color:blue;
}
.quadretto{
position:absolute;
border-right:1px solid blue;
border-top:1px solid blue;
border-bottom:1px solid blue;
display: flex;
justify-content: center;
align-items: center;
color:black;
}
.quadrettob{
position:absolute;
border-right:1px solid blue;
border-top:1px solid blue;
border-bottom:1px solid blue;
display: flex;
justify-content: center;
align-items: center;
color:white;
}
#regN{
position:absolute;
top:290px;
width:100%;
font-size:40px;
text-align:center;
color:gray;
}
#regN2{
position:absolute;
top:350px;
width:100%;
font-size:40px;
text-align:center;
color:black;
}
h1{
text-align:center;
}
.divider {
margin: 8px 0 0 0;
}
 .divider {
height: 1px;
overflow: hidden;
background-color: #e0e0e0;
}
.manina{
cursor:pointer;
}
.manina:hover{
background-color:#eee;
}
.manina2{
cursor:pointer;
border-top:1px solid black;
}
.manina2:hover{
background-color:#eee;
}
.gomma{
width:30px;
height:30px;
cursor:pointer;
}
#supercontenitore{
position: absolute;
background-color:#fff;
width: 100%;
height:100%;
overflow: hidden;
}
#barrasx{
position: absolute;
top:0px;
width:100%;
height:130px;
background-color:lightyellow;
color:black;
border-bottom:1px solid red;
z-index:11;
}
#barradx{
position: absolute;
right: 0;
bottom:0;
width:100%;
height:80px;
color:black;
background-color:lightyellow;
border-top:1px solid red;
z-index:10;
}
#contenitore{
position: absolute;
left:0px;
top:0px;
width: 100%;
height:100%;
overflow: hidden;
}
#dentrocontenitore{
position: absolute;
left:0px;
top:0px;
width: 100%;
height:100%;
}
.pulsanti{
width:100%;
text-align:center;
}
.but{
width:30%;
font-size:18px;
height: 50px;
}
.gras{
font-weight:bold;
}
.centro{
text-align:center;
}
a {
color: green;
text-decoration: none;  
}
 a:hover{
     text-decoration: underline;
}