#birb {
    position: relative;
}

#cialo {
    width: 250px;
    height: 150px;
    border-radius: 30% 50% 40% 40%;
    background-color: #af6b22;
    position: absolute;
    z-index: 10;
    background: linear-gradient(90deg, #7ab66e 60%, #af6b22 60%);
}

#glowa {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #f0e9df;
    left: -90px;
    top: -120px;
    position: absolute;
    animation-name: glowaMove;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

#dziob {
    width: 70px;
    height: 40px;
    position: absolute;
    top: 80px;
}

#dziobTop {
    background-color: #f3d267;
    border-radius: 60% 18% 0% 89% / 100% 0% 54% 0%;
    width: 70px;
    height: 30px;
    position: absolute;
}

#dziobBottom {
    background-color: #f3d267;
    border-radius: 0% 18% 0% 73% / 0% 0% 54% 100%;
    width: 50px;
    height: 15px;
    position: absolute;
    top: 30px;
    left: 20px;
}

#oko1 {
    background-color: #000000;
    width: 5px;
    height: 30px;
    position: absolute;
    top: 45px;
    left: 40px;
    animation-name: okoAnim;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

#oko2 {
    background-color: #000000;
    width: 5px;
    height: 34px;
    position: absolute;
    top: 44px;
    left: 100px;
    animation-name: okoAnim;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

#pioro1 {
    background-color: #f0e9df;
    border-radius: 100% 0% 100% 0% / 100% 0% 100% 26%;
    width: 120px;
    height: 50px;
    position: absolute;
    top: -10px;
    left: -40px;
}

#pioro2 {
    background-color: #f0e9df;
    border-radius: 100% 0% 100% 0% / 100% 0% 100% 26%;
    width: 100px;
    height: 40px;
    position: absolute;
    top: -30px;
    left: 20px;
    transform: rotate(30deg);
}

#pioro3 {
    background-color: #f0e9df;
    border-radius: 0% 100% 0% 100% / 0% 100% 26% 100%;
    width: 100px;
    height: 40px;
    position: absolute;
    top: -10px;
    left: 70px;
    transform: rotate(90deg);
}

#pioro4 {
    background-color: #f0e9df;
    border-radius: 0% 100% 0% 100% / 0% 100% 26% 100%;
    width: 120px;
    height: 40px;
    position: absolute;
    top: 40px;
    left: 90px;
    transform: rotate(73deg);
}

#noga1 {
    background-color: #af6b22;
    width: 5px;
    height: 70px;
    position: absolute;
    top: 145px;
    left: 70px;
    transform: rotate(5deg);
}

#noga1>.joint {
    background-color: #af6b22;
    width: 5px;
    height: 60px;
    position: absolute;
    top: 68px;
    left: 2.8px;
    transform: rotate(-5deg);
}

#noga2 {
    background-color: #af6b22;
    width: 5px;
    height: 70px;
    position: absolute;
    top: 130px;
    left: 30px;
    transform: rotate(20deg);
}

#noga2>.joint {
    background-color: #af6b22;
    width: 5px;
    height: 70px;
    position: absolute;
    top: 67px;
    left: 12px;
    transform: rotate(-20deg);
}

#noga3 {
    background-color: #af6b22;
    width: 5px;
    height: 70px;
    position: absolute;
    top: 130px;
    left: 190px;
    transform: rotate(20deg);
}

#noga3>.joint {
    background-color: #af6b22;
    width: 5px;
    height: 70px;
    position: absolute;
    top: 64px;
    left: 17px;
    transform: rotate(-30deg);
}

#noga4 {
    background-color: #af6b22;
    width: 5px;
    height: 70px;
    position: absolute;
    top: 130px;
    left: 220px;
    transform: rotate(-10deg);
}

#noga4>.joint {
    background-color: #af6b22;
    width: 5px;
    height: 70px;
    position: absolute;
    top: 68px;
    left: 3px;
    transform: rotate(-5deg);
}

#skrzydla {
    width: 160px;
    height: 80px;
    position: absolute;
    background: #f0e9df;
    border-radius: 40% 70% 40% 40%;
    top: 25%;
    left: 20%;
    z-index: 12;
}

#ogon {
    width: 160px;
    height: 80px;
    position: absolute;
    border-radius: 40% 70% 40% 40%;
    border: 10px solid #af6b22;
    border-bottom: 0;
    border-left: 0;
    top: 25%;
    left: 95%;
    z-index: 12;
    transform: rotate(-20deg);
}

#ogonKoniec {
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: #f0e9df;
    border-radius: 100%;
    top: 80%;
    left: 71%;
    z-index: 12;
}

#ogonPioro1 {
    background-color: #f0e9df;
    border-radius: 100% 0% 100% 0% / 100% 0% 100% 26%;
    width: 10px;
    height: 30px;
    position: absolute;
    top: -30%;
    left: 3%;
    transform: rotate(66deg);
}

#ogonPioro2 {
    background-color: #f0e9df;
    border-radius: 100% 0% 100% 0% / 100% 0% 100% 26%;
    width: 10px;
    height: 30px;
    position: absolute;
    top: 0%;
    left: 3%;
    transform: rotate(66deg);
}

#ogonPioro3 {
    background-color: #f0e9df;
    border-radius: 100% 0% 100% 0% / 100% 0% 100% 26%;
    width: 10px;
    height: 30px;
    position: absolute;
    top: 30%;
    left: 3%;
    transform: rotate(66deg);
}

#ogonPioro4 {
    background-color: #f0e9df;
    border-radius: 100% 0% 100% 0% / 100% 0% 100% 26%;
    width: 10px;
    height: 30px;
    position: absolute;
    top: 40%;
    left: 3%;
    transform: rotate(32deg);
}

#ogonPioro5 {
    background-color: #f0e9df;
    border-radius: 100% 0% 100% 0% / 100% 0% 100% 26%;
    width: 10px;
    height: 30px;
    position: absolute;
    top: 49%;
    left: 39%;
    transform: rotate(35deg);
}

@keyframes okoAnim {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(10deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

@keyframes glowaMove {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(5deg)
    }

    100% {
        transform: rotate(0deg)
    }
}