@charset "UTF-8";
/* CSS Document */

body {
    
    background-color: #b68f7f;
  
}

#main {
    
    display: flex;
    justify-content:center;
}

.container {
  
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  font-family: "Alan Sans", sans-serif;
  font-size: .75em; /*12px/16px*/
  font-weight: 300;
  max-width: 900px;
       
}

.articleA, .articleB, .articleC{
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    margin:20px;
    background-color: #f4d0c1;
    box-sizing: border-box;  
}

.boxA, .boxB, .boxC {
    

    display: flex;
    flex-direction: column;
    align-items: center;
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    

}

.articleA p, .articleB p, .articleC p {
    
    margin: 5px;
    padding: 0px;
   
}
.A-img, .B-img, .C-img{

    width: 100%;         
    max-width: 250px;
    margin: 5px;
    object-fit: cover;
    align-self: flex-start;   
}

.articleA h2, .articleB h2, .articleC h2 {
  align-self: center;
  font-weight: 300;
  margin: 5px;
}

button {
    
  align-self: flex-start;
  font-family:  "Open Sans", sans-serif;
  font-size: 1em; /*16px/16px*/
  margin: 5px;
  padding: 5px;
  background-color: #240c02;
  border: none;
  color: #b68f7f;
  cursor: pointer;
}