@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Playwrite+GB+J:ital,wght@0,100..400;1,100..400&display=swap');

:root {
    /* body */
    --bgcolor: rgba(199, 103, 181, .7);
    --bgimage: url(/images/webthemes/floral/greenbows.png), url(/images/webthemes/floral/flw5.gif);
    --bgrepeat: repeat, repeat-x;
    --bgblendmode: overlay;
    --bgpos: center, bottom;
    --bgattach: fixed;
    --bgsize: initial;
    /* container */
    --containerbgcolor: rgba(252, 71, 71, 0.5);
    --containerbgimg: url(/images/narueart2.jpg);
    --containerbgblendmode: screen;
    --containerbgpos: center;
    /* content window */
    --contentbg: rgb(255, 180, 217) url(/images/webthemes/floral/gifbground-804-0005.gif);
    --contentbgblendmode: multiply;
    /* miniwindows */
    --windowbg: rgb(166, 116, 224) url(/images/webthemes/floral/halftoneimages.png);
    --windowbgblendmode: overlay;
    /* headers */
    --headerbg: url(/images/gallery-images/ifeelpretty.png) right/cover no-repeat;
    --h1color: pink;
    --h3color: rgb(58, 103, 181);
    --mainheadercolor: rgb(201, 40, 201);
    /* buttons and bars */
    --tabborder: lightblue;
    --tabbg: linear-gradient(to bottom, white, rgb(137, 205, 227));
    --navbuttoncolor: linear-gradient(to bottom right, rgb(255, 255, 255), rgb(244, 124, 144));
    --scrollbarcolor: rgb(255, 116, 197) rgb(255, 255, 255);
    --buttoncolor: rgb(255, 111, 183);
    /* text and misc */
    --fontcolor:rgb(100, 11, 30);
    --fontfamily: "Pacifico";
    --linkcolor:rgb(255, 120, 203);
    --bordercolor:rgb(126, 39, 97);
    --footercolor:linear-gradient(to bottom, rgb(238, 133, 226), rgb(240, 88, 240));
    --outlinestyle:3px dotted rgb(178, 108, 203);
}
.pastries, .monochrome, .nullscape {
    display:none;
}
/* image positioning */
#sakura {
    position: fixed;
    width: 15vw;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: .5;
}
#pinkflower {
    width: clamp(1rem, 17%, 8rem);
    left: -4%;
    top: -4%;  
}
#pinkflower2 {
    width: clamp(5rem, 15%, 10rem);
    right: -9%;
    top: -4%;
    transform:rotate(45deg)
}
#yellowflower {
    transform: scaleX(-1);
    width: clamp(9.5rem, 20%, 15rem);
    right: -5%;
    bottom: -3%;
}
#blume1 {
    width: clamp(5rem, 10%, 6.5rem);
    right: -4%;
    bottom: 2%;
}
#blume2 {
    position: absolute;
    width: clamp(5rem, 80%, 9.2rem);
    top: -10%;
    right: -1%;
    transform: scaleY(-1) rotate(-3deg);
}