.me{
   border-radius: 50%;
   filter: grayscale(100%);
}

.me:hover{
   filter: grayscale(0%);
}

.about{
   position: relative;
   padding-bottom: 10px;
   margin-top: 10px;
}

.about .name{
   margin-bottom: 0px;
}

.about p{
   margin-bottom: 5px;
   font-size: 16px;
}

.about p.developer{
   font-size: 12px;
   font-style: italic;
}

.projects{
   position: relative;
   padding-bottom: 10px;
   margin-top: 10px;
}

.projects p{
   margin-bottom: 0px;
   font-size: 14px;
}

.about::after, .projects::after{
   content: '';
   width: 40px;
   height: 1px;
   background-color: var(--color-red);
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0px;
   margin: auto;
}

.contacts{
   margin-top: 10px;
}