*{
      margin:0;
      padding:0;
      box-sizing:border-box;
      font-family:Arial, Helvetica, sans-serif;
    }

    body{
      height:100vh;
      display:flex;
      justify-content:center;
      align-items:center;
      background:linear-gradient(135deg,#1e3c72,#2a5298);
    }
    .mainContainer{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .heading{
        background-color: white;
        border-radius: 10px;
        text-align: center;
        font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        padding: 10px;
        
    }
    .heading h2 a{
        text-decoration: none;
        color: #0a5dec;
    }

    .container{
      width:350px;
      background:white;
      padding:30px;
      border-radius:20px;
      text-align:center;
      box-shadow:0 10px 30px rgba(0,0,0,0.3);
    }

    h1{
      margin-bottom:20px;
      color:#222;
    }

    .speed-box{
      margin:20px 0;
    }

    .speed{
      font-size:55px;
      font-weight:bold;
      color:#2a5298;
    }

    .unit{
      font-size:20px;
      color:#555;
    }

    button{
      padding:12px 25px;
      border:none;
      background:#2a5298;
      color:white;
      border-radius:10px;
      cursor:pointer;
      font-size:18px;
      transition:0.3s;
    }

    button:hover{
      background:#1e3c72;
    }

    .status{
      margin-top:20px;
      color:#666;
      font-size:15px;
    }