@import url('https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=Fleur+De+Leah&family=Nothing+You+Could+Do&family=Meow+Script&display=swap');

body {
                background-image: url("https://file.garden/aSQ7O5-Qjze7pfjD/BeigeCheckeredBackground.jpg");
            }
            /* Scrollbar width */
            ::-webkit-scrollbar {
                width: 14px;
            }
            /* Background behind the scrollbar (beige) */
            ::-webkit-scrollbar-track {
                background: #f3e8d8; /* beige */
                border-radius: 10px;
            }

            /* Scrollbar thumb */
            ::-webkit-scrollbar-thumb {
                background: #e8b8c8;   /* light pink */
                border-radius: 10px;
                border: 3px solid #f3e8d8; /* makes it look roundish and pastel */
            }

            /* Hover effect (brighter pink...I think?) */
            ::-webkit-scrollbar-thumb:hover {
                background: #f0c6d3;
            }
            .Header {
                width: 100px; 
                height: 40px; 
                background-color: pink; 
                box-shadow: 5px 5px lightcoral;
                border-radius: 10px;
                font-family: Meow Script; 
                font-size: 30px;
                color: black;
            }
            .CalendarBody {
                width: 51%;
                height: 90%;
                background-color: white;
                position: absolute; left: 20%; bottom: 0%;
            }
            .Calendar {
                width: 90px;
                height: 90px;
                background-color: pink;
                border: 5px solid palevioletred;
            }