#Bwuni {
    position: relative; /* or absolute if you want to set the position fully instead of movin it */
    left: 2vw;
    width: 30vw; /* vw is viewport width, so basically a percent of the screen width */
    /* don't add height */
}
/* ^^ Only move this element, dont move the image itself ^^ */



/* Other stuff */

#BwuniImag {
    width: 100%;
    height: 100%;
    top: 0%;
    bottom: 0%;
    justify-self: center;
    align-self: center;
}

#BwuniImag, #Paws, #Tail, #Head, #Nose, #Fluff {
    -webkit-user-drag: none;
    user-select: none;
}

/* Mouse pointer stuff */
#Paws, #Tail, #Head, #Nose, #Fluff {
    position: absolute;
    cursor: grab;
}

#Paws:active, #Tail:active, #Head:active, #Fluff:active{
    cursor: grabbing;
}
#Nose:active {
    cursor:default;
}

/* clikable area config */
/* feel free to mess with it just uncomment the background colors */
/*  in vscode its ctrl+/  */

#Paws{
    /* background-color: red; */
    width: 33%;
    height: 15%;
    bottom: 31%;
    right: 12%;
}
#Tail {
    /* background-color: blue; */
    width: 27%;
    height: 53%;
    bottom:23%;
    left: 0%;;
}
#Head {
    /* background-color: green; */
    width: 23%;
    height: 13%;
    top: 13%;
    left: 30%;
}
#Nose {
    /* background-color: yellow; */
    width: 6%;
    height: 4%;
    top: 30%;
    left: 44%;
    cursor: pointer;
}
#Fluff {
    /* background-color: magenta; */
    width: 9%;
    height: 9%;
    top: 43%;
    left: 40%;
}

/* Click config */
/* Change the url's to whatever ye want */
/* Good pratice to make the images .webp files as they are very small in size and load fast */

#Paws:active ~ #BwuniImag{
    content: url("https://bluni.neocities.org/blunii_paws.webp");
}
#Tail:active ~ #BwuniImag{
    content: url("https://bluni.neocities.org/blunii_nwn.webp");
}
#Nose:active ~ #BwuniImag{
    content: url("https://bluni.neocities.org/blunii_blep.webp");
}
#Head:active ~ #BwuniImag{
    content: url("https://bluni.neocities.org/blunii_petted2.webp");
}
#Fluff:active ~ #BwuniImag{
    content: url("https://bluni.neocities.org/blunii_nwn.webp");
}