Template:Person txt box/styles.css

.person-txt-box {
display: flex;  
 flex-direction:column;
  width: 100%;
  height: 500px;
  border-radius: 5px;
  border-bottom: 2px solid #a8b48d;
  border-left: 2px solid #a8b48d; 
  padding: 10px 15px; 
  box-sizing: border-box;
  background-color: #d3e1b1;
  margin: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media all and ( min-width: 720px ) {
 .person-txt-box {
 display: flex;  
 flex-direction:column;
  width: 45%;
  height: 500px;
  border-radius: 5px;
  border-bottom: 2px solid #a8b48d;
  border-left: 2px solid #a8b48d; 
  padding: 10px 15px; 
  box-sizing: border-box;
  background-color: #d3e1b1;
  margin: auto;
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
}

.person-txt-h2 {
  color: black;
  font-size:150%;
  text-align:left;
}

.person-txt-h2 a {
  color: black;
  text-decoration: none;
}

.person-txt-p {
  color: black;
  font-size:100%;
  text-align:left;
}

.person-txt-p a {
  color: black;
  text-decoration: none;
}

.person-txt-c {
  color: black;
  font-size:75%;
  text-align:left;
}

.person-txt-c a {
  color: black;
  text-decoration: none;
}

/*category strip*/
.bottom_aligner {
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
    width: 0px;
}

.cat {
  margin-top: auto;
    display: flex;
align-items: flex-end;
border-radius: 5px;
  width:100%;
  height:40px;
  padding: 10px 15px; 
  box-sizing: border-box;
  border-bottom: 2px solid #3d3d3f; 
  background-color: #f6f5f3;  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0.19);
}
  
@media all and ( min-width: 720px ) {
.cat {
	 margin-top: auto;
  display: flex;
align-items: flex-end;
  border-radius: 5px;
  width:100%;
  height:40px;
  margin:auto;
  padding: 10px 15px; 
  box-sizing: border-box;
  border-bottom: 2px solid #3d3d3f; 
  background-color: #f6f5f3;  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0.19);
}
}

.cat-p{
  display: inline-block;
color: black;
  font-size:75%;
  text-align:left;}