* {
  box-sizing:border-box;
}
body{
  background-color:rgb(241, 239, 239);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  background-image: url(bg.JPG);
}

  .flexcontainer{
    justify-content: center;
  display:flex;
  width:auto;
  margin:auto;
  
}
.item{
  width: 18em;
  margin:1em;
  padding:1em;
  background-color:#FAFAFC;
  color:#0B0B32;
  border: 2px solid #6E7179;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 5px 5px 5px #2a2a2ec5;

}
a {color:#0f32ad;
  text-decoration:none;
  font-weight: 610}

ul{list-style-type:none;padding:0}
li{border-bottom:2px gray dotted;
  padding:0.2em}

.contain{
height:25em;
  overflow-y: scroll;}

.buttons{
  
  display:flex;
  justify-content:space-evenly;
  flex-wrap: wrap;
}

.pagedoll {
    margin: auto;
    position:fixed;
    right: 20px;
    bottom: 3px;
    z-index: 1;
 
  }

@media (max-width: 650px) {
  body{
    width: auto;
  }
  .flexcontainer {
       flex-direction: column;
       width:70%;
       margin:0;
    
     }
     .item{
      width:100%;
      
     }
   .pagedoll{
    position:fixed;
    bottom: 50px;
    right:3px;
   }
   
    }