@media screen {

    .page {

        background:                 #f5e2c6;
        background-attachment:      fixed;
        background-image:           url("/blob/image/background.png");
        background-position:        right 15vw center;
        background-repeat:          no-repeat;
        background-size:            25vw auto;
        color:                      #1d1f21;
        font-family:                "Noto Serif", serif;
        margin:                     10vh 15vw;

    }

    .page a {

        align-items:                center;
        color:                      #1a4b7c;
        display:                    inline-flex;

    }

    .page a:hover {

        color:                      #0b2e52;

    }

    .page a:is([href^="http://"], [href^="https://"])::after {

        font-family:                "Material Symbol";
        margin:                     0 0 0 0.05vw;
        content:                    "\e89e";

    }

}