@view-transition {
  navigation: auto;
}
* {
    font-family: "Comic Sans MS", "Comic Sans", cursive !important;
}

/* The Teto Image */
body::after {
    content: ""; 
    position: fixed;
    bottom: 0;      /* Sits exactly on the bottom edge */
    right: 20px;    /* Keeps it slightly away from the right side */
    
    /* Set these to the actual size of your teto.png */
    width: 250px;   
    height: 300px;
    
    background-image: url("/teto.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom; /* Aligns the image itself to the bottom of the box */

    /* Ensures no borders or extra space */
    border: none;
    pointer-events: none; /* This makes it so you can click "through" the image to links behind it */
    z-index: 9999;
}