body   
{
  font-family: Arial, sans-serif;
  background-color: darkslategrey;
  text-align: center;
}
h,p
{
  text-align: center;
  color: white;
}
#profile
{
    text-align: center;
    list-style: none;
    color: #FFFFFF;
    margin: 15px;
}
#profile li {
    display: inline;
}
#streak
{
    text-align: center;
    padding-top: 10px;
    list-style: none;
    background-color: white;
    border-radius: 5px;
    margin: 10px;
}
#streak p
{
    display: inline;
    text-align: center;
    background-color: #676767;
}
#streak li
{
    display: inline;
    padding: 5px; 
}
.active-day
{
    color: #0CC000;
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.inactive-day
{
    color: #CCCCCC;
}
@keyframes pulse {
    0% {
        transform: scale(100%)
    }
    
    50% {
        transform: scale(120%);
        color: #00CC00;
    }
    100%{
        transform: scale(100%);  
    }
}