body {
      margin: 0;
      font-family: Arial, sans-serif;

    }

    .navbar {
      display: flex;
      
      overflow-x: auto;
      padding: 0;
      
    }

    .navbar a {
      padding: 14px 20px;
      background-color: #879267;
      display: block;
      color: white;
      text-decoration: none;
      transition: all 0.4s ease-in-out;;
      white-space: nowrap;
    }

    .navbar a:hover {
      background-color: #636a4d;
    }


    .Title{
      font-family: 'Times New Roman', serif;
      font-size: 3vh;
      text-align: center;
      font-weight: bold;
      margin-top: 2vh;

    }

        .title{
      font-family: 'Times New Roman', serif;
      font-size: 200%;
      text-align: center;
      font-weight: bold;
      margin-top: 20px;
    }

    .subtitle{
      font-family: 'Times New Roman', serif;
      margin-left: 2%;
      margin-right: 2%;
      font-size: 130%;
      margin-top: 10px;
      font-weight: bold;

    }

    .text{
      font-size: 100%;
      
      margin-left: 2%;
      margin-right: 2%;
    }

        #a1{
      background-color: #bb8ecf;
    }

    #a2{
      background-color: #6f84c9;
    }

    #a3{
      background-color: rgb(79, 186, 134);
    }


