img{
  transition: transform .2s;
  width:200px;
  height: 200px;
  margin:0 auto;
  background-color: rgb(173, 173, 237);
  border-radius: 10px;
  border: 4px solid rgb(11, 210, 255);
}
img:hover{
  transform:scale(1.2);
}
  
  
  .flex-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em;

  }
  
  .flex-container li {
    display: flex;
    flex-wrap: wrap;
    flex-direction: left; 
  }
  
  .flex-container a{
    display: flex;
    margin:3em 1em 2em;
    padding-left: 4.5em
  }



/* link styles */
a:link,
a:visited { color: rgb(100, 154, 178); }
a:focus, a:hover, a:active { color: #F9AB33; }