body { 
    text-align: center;
    font-size: xx-large;
}

div.tiny { 
    font-size: x-small;
}
div.huge {
    font-size: xx-large;
}

div.pulse {
    -webkit-animation-name: pulse; 
    -webkit-animation-duration: 5.0s; 
    -webkit-animation-iteration-count: infinite;
}

a img {
    border: 0;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale(1.0);
    }
    40% {
        -webkit-transform: scale(1.01);
        opacity: 1.0;
    }
    50% {
        -webkit-transform: scale(0.99);
        opacity: 0.95;
    }
    60% {
        -webkit-transform: scale(1.0);
        opacity: 1.0;
    }

    to { 
        -webkit-transform: scale(1.0);
    }
}

img.pulse {
    // opacity: 0.95; 
    -webkit-animation-name: pulse; 
    -webkit-animation-duration: 5.0s; 
    -webkit-animation-iteration-count: infinite; 
}
	
@media (prefers-color-scheme: dark) {
    html > body {
        color: #dddddd;
        background-color: #000000;
    }
    img.pantsu {
        filter: grayscale(1);
        filter: invert(1);
    }
}