/* Windows desktop skin, main page only: Bliss wallpaper, Clippy above the
   wallpaper but below content, banner and taskbar. */

html, body {
    height: 100dvh;
    overflow: hidden;
}

/* .container already subtracts the taskbar (esbFit); no extra padding here. */
body.hasTaskbar {
    padding-bottom: 0;
}

html {
    background: #3a6ea5;
}

body {
    background: url('../media/win-bliss.jpg') center center / cover no-repeat fixed, #3a6ea5;
}

.container {
    position: relative;
    z-index: 2;
}

.winClippy {
    position: fixed;
    right: 3%;
    bottom: 2.5rem;
    z-index: 1;
    width: 320px;
    height: auto;
    pointer-events: none;
}

@media (max-width: 600px) {
    .winClippy {
        width: 160px;
        right: 1%;
    }
}