@media screen and (min-width: 800px)
{
  body {
    padding-top: 10%;
    font-family: sans-serif;
    margin: auto;
  }

  #profil 
  {
    width: 20%;
    display: block;
    border-radius: 50%;
    margin: auto;
    padding-bottom: 10px;
  }
  
  #certification
  {
    animation-duration: 8s;
    animation-name: fadein;
  }

  .styledline {
    margin:  auto;
    width: 50%;
    border-top: solid gray;
    animation-duration: 8s;
    animation-name: stetchout;
  }

  .smicons {
    width: 10%;
    animation-duration: 8s;
    animation-name: fadein;
  }

  a {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }

  aside {
    margin: auto;
    text-align: center;
    width: 20%;
  }

  h1 {
    text-align: center;
    font-size: 200%;
    color: gray;
  }
  header {
    margin: auto;
    width: 50%;
    animation-duration: 5s;
    animation-name: slideup;
  }

  article 
  {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 40%;
    margin: auto;
    color: gray;
    animation-duration: 8s;
    animation-name: fadein;
  }
  
  @keyframes slideup
  {
    0% {
      width: 100%;
      opacity: 0;
    }
    50%
    {
      width: 100%;
      opacity: 1;
    }
    100%
    {
      width: 50%;
    }
  }

  @keyframes fadein
  {
    0%
    {
      display: none;
      opacity: 0;
    }
    80%
    {
      display: none;
      opacity: 0;
    }
    100%
    {
      display: inline;
      opacity: 1;
    }
  }

  @keyframes stetchout
  {
    0%
    {
      display: none;
      width: 0%;
    }
    50%
    {
      display: none;
      width: 0%;
    }
    100%
    {
      display: inline;
      width: 50%;
    }
  }
}