body {
    background: #e6e9e9;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
    color: #545454;
    font-family: serif;
    font-size: 19px;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 800px;
    padding: 2em 2em 4em;
}


p   {
    font-family: 'Markazi Text', serif;
}

.portfolio{
    text-align: center
}

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 0px}
}

details > summary::-webkit-details-marker { display: none; }
summary {cursor: pointer}

.about{
    
    text-align: center;
}