*{
    margin: 0;
    padding: 0;
}

.header 
{
    height: 100%;
}

.person-avatar {
    margin-top: 10px;
    border-radius: 50%;    
}

p {
    text-align: justify;
    text-justify: inter-word;
}

p.intro {
    font-size: 2rem;
    color: #7c7a7a;
    line-height: 1.3;       
}

p.description {
    font-size: 1.3rem;
    color: #414040;
    line-height: 1.3;    
}

a.external {
    font-size: 1.3rem;
    color: #636262;
    line-height: 1.3;
}



.chart {
    position: relative;
    display: inline-block;
    margin: 20px 10px;    
    font-size: 14px;
    text-align: center;
  }
  .chart canvas {    
    position: absolute;
    top: 0;
    left: 0;
  }
  

  body {
    background: #ffffff;
  }
  
  .card {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    margin-top:10px;
    margin-bottom:10px;
    background-color:#FFF;
  }
  
  .card:hover {
    box-shadow: 0 5px 5px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  }
  .card > .card-inner {
    padding:10px;
  }
  .card .header h2, h3 {
    margin-bottom: 0px;
    margin-top:0px;
  }
  .card .header {
    margin-bottom:5px;
  }
  .card img{
    width:100%;
  }