body {
        margin: 0;
        font-family: Arial, sans-serif;
        /* background-color: #f4f4f4; */
        background-repeat: no-repeat;
        color: rgb(37, 37, 37);
        height: auto;}

        .content {
        max-width: 800px;
        margin: 20px auto;
        padding: 20px;
        border-radius: 20px;
        background-color: #f4f4f4; 
        filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.6));
        }

        .content ol {
        margin-left: 20px;
        }

        .content a {
        color:#303041}

        .content a:hover {
        color: #a36f08;}

        .content ul li, .content ol li {
             margin-left: 2rem;
             
        }

        h1, h2, h3 {
        text-align: left;
        }

        h1 {
        font-size: 2.25rem;
        color: rgb(36, 44, 130)
        }
        h2 {
        font-size: 1.5rem;
        color: rgb(71, 73, 89)  }
        h3 {
        text-align: center;
        font-size: 1rem;
        color: rgb(36, 44, 130)
    }

    #route262{
      margin-left: 46%;
    }

     div.text p span {
      margin: auto;
      color: white;
      font-size: 0.8rem;
      text-decoration: none;
      transition: ease-in-out 0.3s;
      
    }

    div.text p a:hover span {
      font-size: .85rem;
      text-decoration: underline;
      color: #e9a92b;
  }