body {
      font-family: sans-serif;
      font-size: 13px;
      background-color:#f6d7fa;
      margin: 0;
      padding: 0;
    }
    
    

    .mobile-container {
      max-width: 80%;
      margin: 20px auto;
      background-color: white;
      color: black;
      border-radius: 10px;
      padding-bottom: 20px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    .topnav {
      overflow: hidden;
      background-color:#b257c9;
      position: relative;
      border-radius: 10px 10px 0 0;
    }

    .topnav #myLinks {
      display: none;
    }

    .topnav a {
      color: white;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px;
      display: block;
    }

    .topnav a.icon {
      background: black;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
    }

    .topnav a:hover {
      background-color: #ddd;
      color: black;
    }

    .active {
      background-color: #b257c9;
      color: white;
      font-weight: bold;
    }

   

    img {
      border-radius: 10px;
      transition: transform 0.3s ease;
    }

    img:hover {
      transform: scale(1.05);
    }