body{
    background-color: rgb(175, 204, 205);
}

.svg{
    position: absolute;
}

#penguin {
    animation-name: penguinMoves; 
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    width: 400px;
    /* transition: all 7s ease-in; */
    transition: all 0.5s ease-in;
     position: relative;
    z-index: -1;
}

@keyframes penguinMoves {
    0% {
        transform: translateX(-600px);
    }
    50% {
        transform: translateX(600px);
    }
    100%{
        transform: translateX(-600px);
    }
}

h1 {
    color: rgb(46, 92, 92);
}