.dev {
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  color: #121219; }
  .dev__icon {
    display: flex;
    align-items: center;
    justify-content: center; }
  .dev__title {
    margin-left: .8rem; }
  @media (min-width: 1024px) {
    .dev:hover {
      cursor: pointer;
      color: #FFC422;
      fill: #FFC422; } }
  .dev:active {
    transform: translateY(2px); }