styles3.css

* {
    box-sizing: border-box;
  }
  body  {
    background-size:cover;
    background-image: url("ba.jfif");
    background-color: #cccccc;
  }
  
  .column {
    float: left;
    width: 50%;
    padding: 30px;
  }
  
  /* Clearfix (clear floats) */
  .row::after {
    content: "";
    clear: both;
    display: table;
  }
  .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
  img:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
  }
  ul,h3,h2{
      color:rgb(240, 181, 205)
  }
  .all
  {
    text-align: center;
  }
  @media screen and (max-width: 600px) {
    div.hid {
      display: none;
    }
  }
  @media screen and (max-width: 550px) {
    .column {
      float:none;
      display:contents
    }
  }
  img{
    width: 100px;
    height: auto;
  }
  h2{
    margin-left: 2ch;
  }