Untitled

<!DOCTYPE html>
<html>
<title>SUNFLOWERS IT</title>

<head>
    <meta charset="utf-8" />
  <link rel="stylesheet" type="text/css" href="pixel.css">


</head>

<body>

  <nav>
    <ul>

    <li><a href="#">O firmie</a></li>
    <li><a href="#">Oferta + cennik</a></li>
    <li class="pixelart-to-css" alt="company logo"></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Kursy</a></li>
    <li><a href="#">Kontakt</a></li>
  </ul>
  </nav>


li {
    width: 25%;
    text-align: center;
    list-style-type: none;

}

a{
    text-decoration: none;
    color: black;
    font-size: 22px;
    font-weight:600;
}

a:hover, a:focus{
    color:rgb(22, 121, 22);
}

nav ul{
    background:#ff9800;
    height: 50px;
    box-shadow: 0px 0px 20px 2px #000;
    display: flex;
    justify-content: center;
    padding: 0 10px;
    align-items: center;
    font-family: sans-serif;
}

body{
    margin: 0;
}


.pixelart-to-css {
    position: absolute;
    animation: x 3s infinite;
    -webkit-animation: x 3s infinite;
    -moz-animation: x 3s infinite;
    -o-animation: x 3s infinite;
  }

  @keyframes x {
  0%, 33.3%{  plus reszta długiego kodu