@font-face {

font-family:"LED";

src:url("digital-7.ttf");

}

body{

background:black;
color:#ff2a2a;
font-family:LED;
text-align:center;

}

.topo{

position:absolute;
top:20px;
width:100%;

}

.topo input{

font-size:40px;
text-align:center;
width:300px;

}

.placar{

display:flex;
justify-content:space-around;
align-items:center;
height:80vh;

}

.nome{

font-size:80px;
color:white;

}

.pontos{

font-size:220px;

}

#tempo{

font-size:200px;

}

#evento{

font-size:60px;
color:yellow;
margin-top:40px;

}

.placar{
display:flex;
justify-content:space-between;
align-items:center;
height:80vh;
padding:40px;
}

.time{
text-align:center;
width:30%;
}

.nome{
font-size:60px;
}

.pontos{
font-size:200px;
}

.punicao{
font-size:60px;
color:red;
margin-top:20px;
}

.centro{
text-align:center;
width:40%;
}

#tempo{
font-size:180px;
}

.periodo{
font-size:60px;
}

.controle{
position:absolute;
bottom:20px;
width:100%;
text-align:center;
font-size:25px;
color:#aaa;