:root {
                --header-image: url('https://files.catbox.moe/2c7c1e.png');
                --body-bg-image: url('https://files.catbox.moe/c5xynn.jpg');
            }
            body {
                font-family: 'Nunito', sans-serif;
                background-size: 1000px;
                color: #f7cfff;
                background-image: var(--body-bg-image);
            }
                        * {
                box-sizing: border-box;
            }
            #container {
                max-width: 1000px;
                margin: 0 auto;
                border-image: url("https://files.catbox.moe/1lam7n.jpg");
 border-width: 15px;
 border-image-slice: 94;
 border-image-repeat: round;
 border-image-outset:1;
border-style:solid;
            }

            #container a {
                color: #000000;
                font-weight: bold;
            }

            #header {
                width: 100%;
                height: 150px;
                background-image: var(--header-image);
                background-size: 100%;
                
            }
            #little_melody img {
                width: 17%;
                position: fixed;
                top: 630px;
                left: 83%;
            }
            #flex {
                display: flex;
            }

            main {
                background-size:500px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://files.catbox.moe/7t6w1z.jpg');
                flex: 1;
                padding: 20px;
                text-align: justify;
            }

            footer {
                background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)), url('https://files.catbox.moe/1kn0o8.jpg');
background-size: 100px;
                width: 100%;
                height: auto;
                padding: 10px;
                text-align: center;
                
            }

    #leftSidebar {
                    order: 1;
                }
     aside {
                background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)), url('https://files.catbox.moe/1kn0o8.jpg');
background-size: 100px;
                width: 180px;
                padding: 20px;
            }

    #flex a {
        font-family: basiic;
        font-size:20px;
        background-image: linear-gradient(180deg,#fff563 ,#ff4141);
        background-clip: text;
        -webkit-text-stroke-width: 0.0px;
        -webkit-text-stroke-color: rgb(147, 255, 237);
        color: transparent;
        text-decoration: none;
        transition: all 500ms;
    }

        #flex a:hover {
        font-family: basiic;
        font-size:20px;
        background-image: linear-gradient(180deg,#ffcec2 ,#c6fff6);
        background-clip: text;
        -webkit-text-stroke-width: 0.0px;
        -webkit-text-stroke-color: rgb(147, 255, 237);
        color: transparent;
        text-decoration: none;
        font-size:30px;
        font-size-adjust: 20px;
    }

@media screen and (max-width: 900px) {
  #header {
    background-size: 200%;
  }
}

@font-face {
src: url(https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf);
font-family: hearts;
}
@font-face {
  font-family: starlight;
  src: url(https://dl.dropbox.com/s/cfcp07kvx3qut4s/starlight.ttf);
}

@font-face {
  font-family: basiic;
  src: url(https://cinni.net/fonts/basiic.ttf);
}

    p {
        
        font-family: hearts;
        font-size:25px;
        background-image: linear-gradient(180deg,#ffffff ,#ffcece);
        background-clip: text;
        -webkit-text-stroke-width: 0.4px;
        -webkit-text-stroke-color: rgb(153, 71, 46);
        color: transparent;
        text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.363);
    }
    
        h1,
        h2,
        h3 {
        font-size: 30px;
        background-image: linear-gradient(180deg, #ffdbf2,#ffd0a9 ,#ff0606);
        background-clip: text;
        -webkit-text-stroke-width: 0.1px;
        -webkit-text-stroke-color: hsl(12, 51%, 38%);
        color: transparent;
        font-family: starlight;
        text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.24);
            }