 <style>
         

            :root {
                --header-image: url('https://sadhost.neocities.org/images/layouts/wp.jpeg');
                --body-bg-image: url('https://sadhost.neocities.org/images/tiles/purplesky.gif');

                /* colors */
                --content: #43256E;
            }

       
          

     

            body {
                font-family: 'Ms Ui Gothic';
                margin: 0;
                background-color: #08031A;
               
                background-size: 500px;
                color: white;
                background-image: url('https://deltarune.com/assets/images/bg-tree.png');
            }

            * {
                box-sizing: border-box;
            }

           
            #container {
               width: 900px;
            
                margin: 0 auto;
                
            }

            #container a {
                color: #1b83de;
                font-weight: bold;
               
            }

            #header {
                width: 100%;
                
              
                height: 38px;
             
                background-image: url(https://64.media.tumblr.com/accb9a29f249b2d0853768b6d9a751b2/50251495e662a551-0d/s400x600/0ea83e4a401bb8123fb41877b8a515b058dc045c.gifv);
                background-size: 300px;
            }
            .xmas {
            width:100%;
            height:30px;
            padding:0px;
        margin:0px;
            margin-top:0px;
            background-image:url('https://files.catbox.moe/4xvvy4.png');
               background-position: center center;   
             background-size: 50px;
           
            }

           
            #navbar {
                height: 60px;
                background: linear-gradient(180deg, rgba(237, 127, 131, 1) 0%, rgba(204, 100, 104, 1) 100%);
               
                width: 100%;
              border: 1px solid 
black;
            }

            #navbar ul {
                display: flex;
                padding: 0;
                margin: 0;
                list-style-type: none;
                justify-content: space-evenly;
            }

            #navbar li {
                padding-top: 20px;
            }

          
            #navbar li a {
                color: white;
           
                font-weight: 800;
                text-decoration: none;
               
            }

         
            #navbar li a:hover {
                color: #a49cba;
                text-decoration: underline;
            }

            #flex {
                display: flex;
            }

          
            aside {
               background-color: #f5e9f2;
                  color:#ed7f82;
                width: 200px;
                padding: 2px;
                font-size: smaller;
               border-left: 1px solid black;
             
            }


           
            main {
              color: #6e6665;
               background-color: #fff5fa;
                flex: 1;
               padding:0px;
              border-right: 1px solid black;
            
                order: 2;
            }

          .main2 {
            font-size:15px;
              color: #6e6665;
               background-color: #fff5fa;
                flex: 1;
               padding:10px;
                order: 2;
            }

            */ #leftSidebar {
                order: 1;
            }

            #rightSidebar {
                order: 3;
            }

            footer {
               background: linear-gradient(180deg, rgba(237, 127, 131, 1) 0%, rgba(204, 100, 104, 1) 100%);
               
                width: 100%;
              border: 1px solid black ;
                height: 40px;
                padding: 10px;
                text-align: center;
               
            }

            h1,
            h2,
            h3 {
                color: #ed7f82;
            }

            h1 {
                font-size: 25px;
             
            }

            strong {
              
                color: ;
            }

         
            .box {
              color:black;
                background-color: white;
                border: 1px solid 
#b0877f
;
               
            }
 .button {
   color:white;
      text-shadow: 1px 1px #4d4241;
    width: 100%;
    margin-bottom: 5px;
    padding-top:9px;
    padding-bottom: 6px;
;
    margin: auto;
    background-image: url(https://foollovers.com/mat/p-s-xmas/xba34-xmas-banner.gif);
              font-size:20px;
         
            text-align:center;
            
            font-weight:600;
}
          
          .two {
    width: 100%;
            color:black;
            font-size:17px;
    height: auto;
    background: rgb(234, 248, 255);
    background: linear-gradient(180deg, rgba(234, 248, 255, 1) 0%, rgba(179, 232, 174, 1) 100%);
    border-style: dotted;
    border-color: lightgray;
    border-width: 1px;
    padding: 2px;
    box-sizing: border-box;
    text-align: right;
          }
           

            #topBar {
                width: 100%;
                height: 21x;
                padding: 0px;
                font-size: smaller;
                background-color: #13092D;
            }


           

            @media only screen and (max-width: 800px) {
                #flex {
                    flex-wrap: wrap;
                }

                aside {
                    width: 100%;
                }

            
                main {
                    order: 1;
                }

                #leftSidebar {
                    order: 2;
                }

                #rightSidebar {
                    order: 3;
                }

                #navbar ul {
                    flex-wrap: wrap;
                }
            }
        
          
          #pagedoll {
  position: fixed;
            width: 100%;
  bottom: -100px;
  right:0px;
}
            #rudie {
  position: fixed;
            width: 130px;
  bottom: 40px;
  right:40px;
}
            #baubles {
  position: fixed;
            width: 70px;
  top: 0px;
  left:10px;
}
          
      

<style>
.scrollbox-inner::-webkit-scrollbar {
  width: 10px;
  background: #eeeeee;
}
.scrollbox-inner::-webkit-scrollbar-thumb {
  background: #888888;
  border-radius: 0px;
}
.scrollbox-inner::-webkit-scrollbar-track {
  background: #eeeeee;
  border-radius: 0px;
}
</style>
        </style>
 <img id="pagedoll" src="https://files.catbox.moe/nugknw.png" height=200px>
<style>
 	/* customizable snowflake styling */
 	.snowflake {
 	color: #fff;
 	font-size: 1em;
 	font-family: Arial, sans-serif;
 	text-shadow: 0 0 5px #000;
 	}
 	 
 	@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
  

 

/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
position:relative;
top:0px;
left:5px;
display:flex;
z-index:99;
}
#glenplayer02 a {text-decoration:none;}
 
#glenplayer02 > div {
align-self:center;
-webkit-align-self:center;
}
 
.music-controls {
user-select:none;
-webkit-user-select:none;
width:13px;
font-size:18px;
cursor:pointer;
}
 
.playy, .pausee {color:#ed7f82; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;} /* color of play & pause buttons */
 
.pausee {display:none;}
 
.sonata {
  width:88%;
margin-left:5px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:14px;
color:#ed7f82;
font-weight: bold;

}
 
.labeltext {
margin-left:0px;
position: relative;
bottom:10px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:14px;
color:#F6D5F0;
font-weight: bold;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;/* color of song title */
}
    #logo {
  position: relative;
            
bottom:-5px;
left: 1000px;
z-index: 99;
}
</style>

