html {
                font-weight: normal;
                font-style: normal;
                background: url(https://files.catbox.moe/f1jlhp.jpg) no-repeat center center fixed;
               -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
        
            #container {
                width: 1185px;
                height: 1240px;
                margin: 10px auto;
                padding: 10px;
                background-image: url(https://files.catbox.moe/mwmlru.jpg);
                border: 15px solid;
                border-radius: 25px;
                border-image: 
                    url(https://dl.dropbox.com/s/v8iy6a8feyq041p/blue%20ver.png) 8  round;
                position: relative;
            }
            
            
            #one {
                position: absolute;
                top: 10px;
                left: 10px;
                width: 1180px;
                background-image: url(https://files.catbox.moe/fkxz00.jpg);
                background-size: cover;
                background-position: center;
                border: solid #4194BE 2px;
                height: 200px;
                border-radius: 15px;
                display: flex;
                justify-content: center;
                align-items: center;
                z-index: 1;
            }
            
           
            
            #one img {
                height: 200px;
                width: auto;
                position: relative;
                left: 25px;
            }
            
            
            #twol {
                overflow: hidden;
                border-radius: 15px;
                background-image: url(https://files.catbox.moe/nfpo8d.jpg);
                background-size: cover;
                background-position: center;
                position: absolute;
                top: 230px;
                left: 10px;
                width: 720px;
                height: 300px;
                z-index: 2;
            }
            
            #twolo {
                background-color: rgba(255, 255, 255, 0.8);
                position: absolute;
                left: 12px;
                right: 12px;
                top: 36px;
                height: 224px;
                width: 696px;
                z-index: 3;
                background-position-x: 100px;
                background-position-y: 100px;
                border-radius: 25px 25px 25px 25px;
                box-sizing: border-box;
                padding: 30px; 
            }
            
            #twolo img {
                width: 225px;
                height: auto;
                position: absolute;
                top: -10px;
                left: -20px
            }
            
            #twolo p {
                width: 400px;
                height: 150px;
                position: relative;
                left: 200px;
                top: -20px;
                line-height: 1.2;
            }
            
            .second-line {
                margin-top: -115px; 
            }
            
            .third-line {
                margin-top: -90px;
            }
            
            .no-style {
                color: #5D80CB;
                text-decoration: none;
                font-weight: bold;
            }
            
            
            
            
            
            
            
            
            #contents_page {
                color: #86C2EE;
                background-color: #E9F4FC;
                border: solid 5px #B7DBF5;
                border-radius: 15px;
                padding: 15px;
                width: 410px;
                height: 312px;
                z-index: 2;
                position: absolute;
                top: 230px;
                right: 10px; }
            #contents_page ul {
                list-style: none;
                padding: 0;
                margin: 0;  }
            #contents_page li {
                padding: 10.5px 0;}
            #contents_page li:not(:last-child) {
                border-bottom: 3px solid #B7DBF5;}
            #contents_page a {
                text-decoration: none;
                display: block;
                color: #86C2EE;
            }
            
            
            #thin_bar {
                position: absolute;
                top: 540px;
                left: 10px;
                width: 720px;
                height: 38px;
                border-radius: 10px 10px 10px 10px;
                border: solid #33559E 1px;
                background-color: #5D80CB;
                display: flex;
                justify-content: center;
            }
            
            
            #thin_bar img {
                height: 35px;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 2;
                pointer-events: none;
            }
            
            #thin_bar p {
                margin: 0;
                position: absolute;
                top: 5px;
            }
            
            
            
            #thin_bar2 {
                height: 10px;
                width: 1180px;
                background-color: #B8D6F4;
                border: solid #95C2EF 5px;
                border-radius: 7px;
                position: absolute;
                top: 595px;
                left: 8px;
            }
            
            
            #slanted_paper {
               position: absolute;
                top: 630px;
                right: 60px;
                width: 275px;
                height: 400px;
                background-image: url(https://files.catbox.moe/augidh.jpg);
                background-size: 350px;
                padding: 35px;
                box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
                border-radius: 5px;
                z-index: 1;
                transform: rotate(-2deg);
                line-height: 17px;
            }
            
            .tape {
                position: absolute;
                width: 130px;
                top: 5px;
                right: 250px;
                transform: rotate(-35deg);
                z-index: 10;
            }
            
            .first-line2, .second-line2 {
                margin-bottom: 30px;
            }
            
            
            
            #rinini {
                position: absolute;
                bottom: 102px;
                right: -55px;
                z-index: 3;
            }
            
            #rinini img {
                height: 260px;
                width: auto;
            }
            
            
            
            
            
            #img_panel {
                background-image: url(https://files.catbox.moe/fqg6lz.jpg);
                background-size: 275px;
                background-position: center;
                width: 275px;
                height: 475px;
                position: absolute;
                top: 625px;
                left: 10px;
                z-index: 11;
                border: solid 4px #2C7DA5;
                border-radius: 10px;
                margin-right: 10px;
            }
            
            
            #statuscafe {
                padding: .5em;
                background-color: azure;
                border: 1px solid midnightblue;
                position: relative;
                top: 615px;
                left: 295px;
                width: 457px;
                height: 180px;
                z-index: 5
            }
            #statuscafe-username {
                margin-bottom: .5em;
            }
            #statuscafe-content {
                margin: 0 1em 0.5em 1em;
            }
            
            .yt-music {
                position: absolute;
                top: 840px;
                left: 295px;
                width: 475px;
                z-index: 1;
                padding-left: 10px;
            }
            
            
            #footer {
                width: 1174px;
                height: 110px;
                position: absolute;
                top: 1115px;
                left: 10px;
                background-color: #B8D6F4;
                border: solid #95C2EF 5px;
                border-radius: 10px;
            }
            
            .first1-line {
                text-align: center;
            }
            
            
            .second2-line {
                text-align: center;
                position: relative;
                top: -10px;
                color: #5D80CB;
                font-weight: bold;
            }
            
            #footer img {
                height: 60px;
                width: auto;
                display: block;
                margin-left: auto;
                margin-right: auto;
                position: relative;
                top: -35px;
            }
            
            
            
            
          @font-face {
                font-family: 'ComicRelief';
                src: url('https://files.catbox.moe/2o8rzb.ttf') format('truetype'),
                    url('https://files.catbox.moe/dwawsr.ttf') format('truetype');
                }

            body {
                font-family: 'ComicRelief', 'Comic Sans MS', cursive, sans-serif;
                    }
            
            .highlight {
                font-weight: bold;
                color: #5D80CB;
            }
            
            ::selection {
                background-color: #ECF0F9;
                color: #849ED7;
            }
            
            ::-moz-selection {
                background-color: #ECF0F9;
                color: #849ED7;
            }
            
            ::-webkit-scrollbar {
                width: 10px;
                background: rgba(207, 213, 232, 1)
            }
            ::-webkit-scrollbar-track {
                background: #CFD5E8;
            }
            ::-webkit-scrollbar-thumb {
                background: #B0BBD9;
                border-radius: 10px;
                border: 3px solid #8394C3;
            }
            ::-webkit-scrollbar-thumb:hover {
                background: #44578D;
            }
            ::-webkit-scrollbar:horizontal {
                height: 10px;
            }
            
            
            .strikethrough-text {
                text-decoration: line-through;
            }