.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 10%;
  }
  .flex-container > div {
    background-color: #f1f1f1;
    width: 100px;
    margin: 10px;
    line-height: 75px;
    font-size: 30px;
    align-items: center;
          justify-content: center;
  }
  
  body {
          font-family: Arial, Helvetica, sans-serif;
        }
        
        .mobile-container {
          max-width: 790px;
          margin: auto;
          background-color: #764d2d;
          height: 1450px;
          color: white;
          border-radius: 20px;
        }
        
        .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: black;
          display: block;
          position: absolute;
          right: 0;
          top: 0;
        }
        
        .topnav a:hover {
          background-color: #ddd;
          color: black;
        }
        
        .active {
          background-color: black;
          color: white;
        }