*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Times New Roman', serif;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
  }
  .flex-container > div {
    display: flex;
  justify-content: center;
  align-items: center;
  height: 20vh;}
    
    body {
            font-family: Arial, Helvetica, sans-serif;
    }
          
          .mobile-container {
            max-width: auto;
            margin: auto;
            background-color: #764d2d;
            height: auto;
            color: white;
            border-radius: auto;
          }
          
          .topnav {
            overflow: hidden;
            background-color: #333;
            position: relative;
          }
          
          .topnav #myLinks {
            display: none;
          }
          
          .topnav a {
            color: white;
            padding: 14px 16px;
            text-decoration: none;
            font-size: 17px;
            display: block;
          }
          
          .topnav a.icon {
            background: #333;
            display: block;
            position: absolute;
            right: 0;
            top: 0;
          }
          
          .topnav a:hover {
            background-color: #ddd;
            color: black;
          }
          
          .active {
            background-color: black;
            color: white;
          }

footer {
    background-color: #333;
    padding: 20px;
    text-align: center;
}

footer p {
    margin: 5px 0;
}

footer a {
    color: #f4f4f4;
    text-decoration: none;
}

footer a:hover {
    color: #ddd;
}