html{
    margin:0;
    padding:0;
    width:100%;
}

body{
    
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;

    height:100vh;
    background: rgb(210, 90, 90);
}

#cookie{
    width: 200px;
    height: 200px;
    background: rgb(65, 65, 0);
    border:1px solid transparent;
    border-radius: 100px;
    cursor: pointer;
    rotate: 0deg;

    background-image: url(./png/cookie.png);
    background-position: -22px -25px;
    background-repeat: no-repeat;
    background-size: 255px;
    animation: rotation 2s linear infinite;
    

}

#counter{
    font-size: 30px;
}


@keyframes rotation{
    to {rotate: 360deg};
}