html { box-sizing: border-box; }
      *, *:before, *:after { box-sizing: inherit; }
      
      body {
        width: 100%;
        min-width: 1200px;
        overflow-x: hidden;
        margin: 0;
        font-family: monospace;
        padding: 8px;
        background-color: rgb(53, 69, 39);
        color: white;
        text-align: left;
      }

      
      div {
        height: 464px;  
      }

      
      iframe {
        height: 96%;
        width: 75%;

      }
      
      .left-align {
        text-align: left;
        width:75%;
        margin-left:40px;
        border:1px;
      }

      p {

      }

      nav {


          margin-bottom: 50px;
          padding: 10px;

      }


      nav h1, p {

      }

      .about {
        font-size: 16px;
        margin-left: 10px;
      }

      ul {

      }
  
      li {

        padding-bottom: 1em;
      }


      .m-img {
        margin-bottom: 50px;
      }

      #we-are-all{
        padding: 10px;
        display: flex;
      }

      #on-the-internet-main{
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
      }

      .card{
        text-align: center;
      }