/*
Version 1.1
9143215521111111434422221122223322223322115111
*/

a{
    color: aliceblue;
    text-decoration: dashed;
}
body {
    background-color: rgb(241, 221, 221);
}
.container {
    width:100%;
    height: auto;
    background: rgb(241, 221, 221);
    
    display: flex;
    flex-direction: row;
    --justify-content: space-around;
    flex-flow: wrap;
  }
  
  .box {
    min-width: 400px;
    max-width: 400px;
    height: auto;
    background: rgb(201, 145, 42);
    margin: 20px;
    box-sizing: border-box;
    padding-left:15px;
  }
  
  @media screen and (max-width:1200px) {
    .box {
      width: 50%;
    }
  }
  
  @media screen and (max-width:300px) {
    .box {
      width: 40%;
    }
  }
  .title {
    min-width: 220px;
    width: 220px;
  }

  .code {
    padding:20px;
  }