body{

background:#000;
color:white;
font-family:Arial,Helvetica,sans-serif;
margin:0;
display:flex;
justify-content:center;
align-items:center;
height:100vh;

}

.container{

text-align:center;
width:500px;

}

h1{

margin-bottom:40px;
font-weight:400;

}

.gauge{

width:420px;
height:210px;
margin:auto;
position:relative;

}

.dial{

width:100%;
height:100%;
border-top-left-radius:420px;
border-top-right-radius:420px;
background:linear-gradient(90deg,#00ff88,#00aaff);

}

.needle{

width:4px;
height:190px;
background:white;
position:absolute;
bottom:0;
left:50%;
transform-origin:bottom;
transform:rotate(-90deg);
transition:transform .15s linear;

}

.center{

width:16px;
height:16px;
background:white;
border-radius:50%;
position:absolute;
bottom:-8px;
left:50%;
transform:translateX(-50%);

}

.speed-box{

margin-top:30px;
font-size:70px;

}

#unit{

font-size:25px;
opacity:0.7;

}

.stats{

margin-top:20px;
display:flex;
justify-content:center;
gap:40px;
font-size:18px;

}

.network{

margin-top:25px;
font-size:14px;
opacity:0.7;

}