/* about-me.css */

section{
  width: 800px;
  margin-left: 40px;
}

h5{
  width: 50%;
  display:inline-block;
}

p{
  width: 70%;
  text-align: justify;
  display:inline-block;
  margin-top: 5px;
}

img{
  margin-top: 0px;
  border-radius: 20px;
}

section:not(first-child){
  margin-top:30px; 
}

article {
  margin: auto;
  margin-top: 30px;
  width: 880px;
  clear: both;
  padding: 10px;
}

h5 {
  font-size: 1.5em;
  margin-bottom: 5px;
}

#darci {
  height: 300px;
  background-color: #d08c8c;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .24), 0 1px 4px rgba(0, 0, 0, .48);
  border-radius: 20px;
}

#darci-pic {
  height: 250px;
  float: right;
}

#darci-links {
  text-align: right;
  margin-top: 0px;
}

#jason {
  height: 330px;
  background-color: #ebe773;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .24), 0 1px 4px rgba(0, 0, 0, .48);
  border-radius: 20px;
}

#jason p{
  margin-left: 28px;
}

#jason h5{
  margin-left: 28px;
  font-size: 1.5em;
  margin-bottom: 5px;
}

#jason-pic{
  height: 250px;
  float: left;
}

#jason-links {
  text-align: right;
  margin-top: 0px;
}

#shay {
  height: 310px;
  background-color: #91d291;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .24), 0 1px 4px rgba(0, 0, 0, .48);
  border-radius: 20px;
}

#paragraph {
  margin-right: 15px;
  width: 545px;
}

#shay-pic{
  height: 250px;
  float: right;
}

#shay-links {
  margin-top: 40px;
  text-align: right;
  width: 545px;
}

footer {
  height: 100px;
}