<style>
    /*
	customization
*/
    :root {
        --background-color: white;
        --background-image: url();
        --banner-image: url();
        --accent: gray;
    }
    /*
	code itself 
	
*/
    .container,
    nav {
        width: 100%;
    }
    .top .right *,
    footer a {
        color: #00f !important;
    }
    .center button,
    .center label,
    .mood b a,
    .top .right a:first-child,
    .url-info,
    nav .links a,
    nav .links a:not([title="Notifications"]):hover:after {
        font-size: 0px;
    }
    .table-section,
    .url-info {
        margin-bottom: 0 !important;
    }
    .mood b,
    .report a,
    .section h4,
    nav .links a {
        text-transform: uppercase;
    }
    .blog-preview h4,
    .f-col,
    .friends-grid .person p,
    .mood p:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .f-col a,
    .section h4,
    footer a {
        text-decoration: underline;
    }
    ::-webkit-scrollbar {
        width: 16px;
    }
    ::-webkit-scrollbar:horizontal {
        height: 17px;
    }
    ::-webkit-scrollbar-corner {
        background: #dfdfdf;
    }
    ::-webkit-scrollbar-track {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E");
    }
    ::-webkit-scrollbar-thumb {
        background-color: #dfdfdf;
        box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 2px #dfdfdf;
    }
    ::-webkit-scrollbar-button:horizontal:end:increment,
    ::-webkit-scrollbar-button:horizontal:start:decrement,
    ::-webkit-scrollbar-button:vertical:end:increment,
    ::-webkit-scrollbar-button:vertical:start:decrement {
        display: block;
    }
    ::-webkit-scrollbar-button:vertical:start {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E");
        height: 17px;
    }
    ::-webkit-scrollbar-button:vertical:end {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");
        height: 17px;
    }
    ::-webkit-scrollbar-button:horizontal:start {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E");
        width: 16px;
    }
    ::-webkit-scrollbar-button:horizontal:end {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E");
        width: 16px;
    }
    body::-webkit-scrollbar-corner {
        margin-top: 60px;
    }
    body {
        font-family: "MS PGothic";
        background: var(--background-color) var(--background-image);
        background-attachment: fixed;
    }
    main {
        background: 0 0;
    }
    nav {
        height: 100px;
        position: fixed;
        z-index: 999;
    }
    .col a,
    .online {
        color: color-mix(in srgb, var(--accent) 50%, #000);
        filter: saturate(3);
    }
    .count,
    .friends-grid .person p {
        color: color-mix(in srgb, var(--accent) 50%, #000) !important;
        filter: saturate(3);
    }
    .edit-link,
    .online img,
    .profile-info,
    .supporter .icon,
    footer p:nth-child(2) {
        display: none;
    }
    .col,
    .table-section + .table-section tbody,
    .top .left:before,
    .url-info::after {
        display: block;
    }
    .top {
        height: 50px;
        background: #fff !important;
        color: #000 !important;
    }
    .center label::after {
        content: "ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’æ¤œç´¢ã™ã‚‹:";
        font-size: 12px;
    }
    .center button::after {
        content: "ã‚µãƒ¼ãƒ";
        font-size: 12px;
    }
    .top .right * {
        font-size: 12px;
        font-family: "MS Pgothic";
        text-decoration: underline !important;
    }
    .contact .heading,
    .profile h1 {
        color: #fff !important;
        text-shadow: 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 1px 1px 0 color-mix(in srgb, var(--accent) 70%, #000),
            -1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000), -1px 1px 0 color-mix(in srgb, var(--accent) 70%, #000), 1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000);
    }
    .top .right a:first-child::after {
        content: "ãƒ˜ãƒ«ãƒ—";
        font-size: 12px;
    }
    .top .left {
        position: relative;
        height: fit-content;
        margin-top: -10px !important;
    }
    .top .left:before {
        content: "";
        position: absolute;
        background: var(--accent);
        width: 110%;
        height: 130%;
        top: -10px;
        mix-blend-mode: lighten;
        z-index: 9999;
        opacity: 0.9;
        pointer-events: none;
    }
    .logo-fallback {
        filter: drop-shadow(1px 1px 0px black) drop-shadow(1px 0px 0px black) drop-shadow(0px 1px 0px black) drop-shadow(-1px -1px 0px black) drop-shadow(1px -1px 0px black) drop-shadow(-1px 1px 0px black);
    }
    .links {
        text-align: center;
    }
    .col {
        width: 100% !important;
        background: #fff;
        border-left: 1px solid #000;
    }
    .row {
        top: 65px;
        width: 75%;
        position: absolute;
        right: 0;
    }
    .general-about,
    .mood,
    .profile h1 {
        position: fixed;
        left: 1%;
    }
    .profile h1 {
        top: 90px;
        background: #fff;
        width: 23%;
        padding-inline: 10px;
        padding-bottom: 3px;
        border-radius: 10px 10px 0 0;
        background: var(--accent);
        box-shadow: 0 -8px 3px 3px rgba(255, 255, 255, 0.5) inset;
        border: 1px solid #000;
        border-bottom: 0;
    }
    .general-about,
    footer {
        width: 23%;
        border: 1px solid #000;
        background: #fff;
    }
    .general-about {
        top: 115px;
        padding: 5px 5px 40px;
        height: 250px;
    }
    .blog-preview h4,
    .blog-preview p,
    .inner > p,
    .mood {
        padding-inline: 5px;
    }
    .mood {
        top: 310px;
        width: 21% !important;
        left: 2vw;
        border-top: 1px dashed var(--accent);
        padding-top: 5px;
    }
    .contact,
    footer {
        position: fixed;
        left: 1%;
    }
    .mood p:last-child {
        white-space: nowrap;
    }
    .contact {
        width: 23% !important;
        top: 365px;
        border: 0 !important;
    }
    #comments,
    .blog-preview,
    .url-info {
        position: relative;
    }
    footer {
        top: 520px;
        padding: 2px 0;
    }
    .profile-pic .pfp-fallback {
        border: 1px solid gray;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
    .profile-pic {
        width: 11vw;
        height: 11vw !important;
    }
    .details {
        text-align: right;
        margin-right: 10px;
    }
    .mood b {
        font-weight: 400;
    }
    footer .links,
    footer p {
        margin: 0;
    }
    footer p:first-child {
        width: 100px;
        display: inline-block;
        vertical-align: top;
    }
    footer p:first-child::after {
        content: "Disclaimer: This is a fan-based project and is not affiliated with MySpaceÂ® in any way. 'ã‚¤ãƒ³ã‚¿ãƒ¼ã‚¦ã‚§ãƒ–' layout by .../coedcaine";
        display: block;
    }
/* AD Replacement - below profile/footer/credits */
    footer::before {
        content: "";
        display: inline-block;
        width: 175px;
        height: 100px;
        background: url(https://images2.imgbox.com/b7/5e/Z8Z4ZFhK_o.png) 0 0 / contain;
        margin-right: 10px;
        cursor: pointer;
    }
    .blog-preview h4,
    nav .links a {
        padding-top: 3px;
        background: var(--accent);
        white-space: nowrap;
    }
    .contact .heading {
        background: #fff;
        border-radius: 8px 8px 0 0;
        background: var(--accent) !important;
        box-shadow: 0 -4px 3px 3px rgba(255, 255, 255, 0.5) inset;
        border: 1px solid #000;
        border-bottom: 0;
    }
    .contact .inner {
        background: #fff;
        border: 1px solid #000;
        height: 120px;
    }
    .url-info::before {
        content: "ã„ã‚‰ã£ã—ã‚ƒã„ã¾ã›ï¼";
        font-size: 35px;
        color: #fff;
        text-shadow: var(--accent) 3px 0 0, var(--accent) 2.83487px 0.981584px 0, var(--accent) 2.35766px 1.85511px 0, var(--accent) 1.62091px 2.52441px 0, var(--accent) 0.705713px 2.91581px 0, var(--accent) -0.287171px 2.98622px 0,
            var(--accent) -1.24844px 2.72789px 0, var(--accent) -2.07227px 2.16926px 0, var(--accent) -2.66798px 1.37182px 0, var(--accent) -2.96998px 0.42336px 0, var(--accent) -2.94502px -0.571704px 0,
            var(--accent) -2.59586px -1.50383px 0, var(--accent) -1.96093px -2.27041px 0, var(--accent) -1.11013px -2.78704px 0, var(--accent) -0.137119px -2.99686px 0, var(--accent) 0.850987px -2.87677px 0,
            var(--accent) 1.74541px -2.43999px 0, var(--accent) 2.44769px -1.73459px 0, var(--accent) 2.88051px -0.838247px 0;
    }
    .url-info {
        background: #fff var(--banner-image);
        background-size: cover;
        background-position: center;
        height: 200px;
        grid-column: span 3;
        image-rendering: pixelated;
        border: 1px solid #000 !important;
        width: calc(100% - 210px) !important;
    }
    #comments,
    .blurbs,
    .table-section:not(.table-section + .table-section) {
        grid-column: span 2;
    }
/* AD replacement - After banner */
    .url-info::after {
        content: "";
        width: 200px;
        height: 197px;
        background: url("https://images2.imgbox.com/ff/71/ueJSYcmT_o.png") center/cover no-repeat;
        position: absolute;
        left: calc(100% + 10px);
        top: 0;
        border: 1px solid #000;
        cursor: pointer;
    }
    .table-section + .table-section tr {
        margin-bottom: 5px;
    }
    .table-section + .table-section td:first-child p {
        pointer-events: none;
        text-align: left;
    }
    .table-section + .table-section td:first-child a {
        color: color-mix(in srgb, var(--accent) 80%, #000) !important;
        filter: saturate(1) !important;
    }
    .table-section + .table-section td:last-child p {
        white-space: nowrap;
        max-width: 125px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .table-section + .table-section td {
        height: 20px !important;
    }
    .table-section a img {
        border: 1px solid gray;
        border-radius: 4px;
        filter: saturate(5);
    }
    .table-section {
        width: 100% !important;
        display: inline-block;
        background: #fff;
        border: 0 !important;
        max-height: 320px;
    }
    .table-section .heading {
        background: #fff;
        border-radius: 10px 10px 0 0;
        background: var(--accent) !important;
        box-shadow: 0 -3px 3px 3px rgba(255, 255, 255, 0.5) inset;
        border: 1px solid #000;
        border-bottom: 0;
        color: #fff !important;
        text-shadow: 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 1px 1px 0 color-mix(in srgb, var(--accent) 70%, #000),
            -1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000), -1px 1px 0 color-mix(in srgb, var(--accent) 70%, #000), 1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000);
    }
    .blog-preview h4,
    .blurbs .heading,
    .friends .heading,
    nav .links a {
        box-shadow: 0 -2px 2px 3px rgba(255, 255, 255, 0.5) inset;
        color: #fff !important;
        text-shadow: 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 1px 1px 0 color-mix(in srgb, var(--accent) 70%, #000),
            -1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000), -1px 1px 0 color-mix(in srgb, var(--accent) 70%, #000), 1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000);
    }
    .table-section .inner {
        border: 1px solid #000;
        height: calc(100% - 20px);
        overflow-y: auto;
        text-align: right;
    }
    .table-section td:first-child {
        background: linear-gradient(color-mix(in srgb, var(--accent) 40%, #fff 50%), #fff 100%);
        height: 20px;
    }
    .table-section td:first-child p {
        color: color-mix(in srgb, var(--accent) 80%, #000);
        text-decoration: underline;
        font-weight: 400;
        font-size: 11px;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
    }
    .table-section td:last-child {
        height: calc(100% - 20px);
        background: #fff;
    }
    .table-section tbody {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }
    .table-section tr {
        display: block;
        width: 100%;
        border: 1px solid color-mix(in srgb, var(--accent) 50%, #000);
    }
    .table-section td {
        display: block;
        width: 100% !important;
    }
    .col.left {
        display: grid;
        grid-template-columns: repeat(2, 1fr) 15%;
        grid-column-gap: 10px;
        padding-bottom: 0;
    }
    .col.right {
        display: grid;
        padding-top: 10px;
        grid-template-columns: 240px calc(100% - 240px);
        grid-column-gap: 5px;
    }
    #comments::after,
    .blog-preview::after {
        content: "";
        display: block;
        position: absolute;
        cursor: pointer;
    }
    .blog-preview h4 {
        border-radius: 10px 10px 0 0;
        border: 1px solid #000;
        position: absolute;
        width: calc(100% + 2px);
        left: -1px;
        top: -1px;
        margin: 0 !important;
    }
    .blog-preview {
        order: 1;
        width: 236px;
        background: #fff;
        height: calc(100% - 70px);
        border: 1px solid #000;
        padding-top: 20px;
        border-radius: 20px 20px 0 0;
    }
/* AD Replacement - below blog */
    .blog-preview::after {
        background: url(https://images2.imgbox.com/e7/c3/MCADlYJ2_o.png) center/cover no-repeat;
        border: 1px solid #000;
        width: 234px;
        height: 60px;
        bottom: -74px;
    }
    .friends:not(#comments) {
        order: 2;
        height: 290px;
    }
    #comments,
    .blurbs {
        order: 3;
    }
    #comments {
        order: 4;
        width: calc(100% - 147px);
        height: 530px;
    }
    .friends:not(#comments) .inner {
        height: calc(100% - 20px);
        padding: 0;
        overflow-y: auto;
    }
    .friends-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-top: -2px;
    }
    .friends-grid .person {
        margin: auto auto 5px;
        padding: 0 !important;
    }
    .friends-grid .person p {
        margin: 2px 0;
        width: 100%;
        height: 14px;
        white-space: nowrap;
    }
    .friends-grid .person .pfp-fallback {
        border: 1px solid gray;
        height: 100px !important;
        width: 100px !important;
        object-fit: cover;
    }
    .inner > p {
        position: sticky;
        top: 0;
        background: #fff;
        width: 100%;
        z-index: 1;
        border-bottom: 1px solid gray;
        font-size: 12px;
    }
    .inner > p b {
        font-weight: 400 !important;
    }
    .blurbs .heading,
    .friends .heading {
        border-radius: 10px 10px 0 0;
        background: var(--accent) !important;
        border: 1px solid #000;
        margin: 0 !important;
        font-weight: 400;
    }
    .blurbs .inner,
    .friends .inner {
        border: 1px solid #000;
        border-top: 0;
    }
    .section h4 {
        color: color-mix(in srgb, var(--accent) 80%, #000) !important;
        font-weight: 400;
        font-size: 11px;
        letter-spacing: 1px;
        text-align: left;
    }
    .section:first-child {
        border-bottom: 1px dashed var(--accent);
    }
    .blurbs {
        margin-block: 10px !important;
    }
    #comments .inner {
        height: calc(100% - 22px);
        padding: 0;
        overflow-y: auto;
    }
/* AD Replacement - Next to comments */
    #comments::after {
        top: -8px;
        right: -147px;
        width: 137px;
        height: 528px;
        margin-top: 10px;
        border: 1px solid #000;
        background: url(https://images2.imgbox.com/6f/55/JqG1feLO_o.png) 0 0 / cover;
    }
    .comments-table {
        border-collapse: collapse;
        width: calc(100% - 20px) !important;
        margin: 10px;
    }
    .comments-table tr {
        border: 1px solid var(--accent);
    }
    .comments-table td:first-child {
        width: 10%;
    }
    .comments-table td {
        background: linear-gradient(color-mix(in srgb, var(--accent) 50%, #fff) 0, #fff 10%) !important;
    }
    .comments-table .pfp-fallback {
        border: 1px solid gray;
    }
    .comments-table b,
    .comments-table small {
        font-weight: 400 !important;
        font-size: 10px;
        color: color-mix(in srgb, var(--accent) 80%, #000);
        letter-spacing: 1px;
    }
    .contact a,
    .table-section td:first-child {
        white-space: nowrap;
    }
    [title="Notifications"] {
        font-size: 12px !important;
        display: inline-block !important;
        margin-bottom: -1px;
        margin-right: 10px;
        transform: translateY(0) !important;
    }
    [title="Notifications"]:after {
        content: "|";
        display: inline-block;
        text-shadow: none;
        color: #000;
        transform: translate(35px, 2px);
        line-height: 10px;
    }
    nav .links {
        padding-inline: 0px !important;
        padding-bottom: 0 !important;
        padding-top: 5px !important;
        border-bottom: 2px solid #000;
        background: #fff;
        margin-top: -8px;
    }
    nav .links a {
        width: 75px;
        border-radius: 10px 10px 0 0;
        border: 1px solid #000;
        transform: translateY(1px);
        margin-top: 2px;
        display: inline-block;
        font-family: SimSun;
        font-weight: 400 !important;
        text-decoration: none !important;
    }
/* START OF JAPANESE TRANSLATION , IF YOU WANT ENGLISH !!DELETE EVERYTHING!! BELOW THIS LINE UNTIL THE "END OF JAPANESE TRANSLATION" LINE */
    .blog-preview h4,
    .f-col a,
    .heading h4,
    footer .links a {
        font-size: 0px;
        text-transform: uppercase;
        font-weight: 400;
    }
    nav .links a:after,
    nav .links a:hover {
        font-size: 14px;
    }
    nav .links li:first-child a:not([title="Notifications"]):after {
        content: "å®¶";
    }
    nav .links li:nth-child(2) a:after {
        content: "ãƒ–ãƒ©ã‚¦ã‚º";
    }
    nav .links li:nth-child(3) a:after {
        content: "ã‚µãƒ¼ãƒ";
    }
    nav .links li:nth-child(4) a:after {
        content: "ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸";
    }
    nav .links li:nth-child(5) a:after {
        content: "ãƒ–ãƒ­ã‚°";
    }
    nav .links li:nth-child(6) a:after {
        content: "é€Ÿå ±";
    }
    nav .links li:nth-child(7) a:after {
        content: "ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ";
    }
    nav .links li:nth-child(8) a:after {
        content: "ã‚°ãƒ«ãƒ¼ãƒ—";
    }
    nav .links li:nth-child(9) a:after {
        content: "ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ";
    }
    nav .links li:nth-child(10) a:after {
        content: "ãŠæ°—ã«å…¥ã‚Š";
    }
    nav .links li:nth-child(11) a:after {
        content: "æ‹›ã";
    }
    nav .links li:nth-child(12) a:after {
        content: "ã‚·ãƒ§ãƒƒãƒ—";
    }
    nav .links li:nth-child(13) a:after {
        content: "ã«ã¤ã„ã¦";
    }
    nav .links li:nth-child(14) a:after {
        content: "ã‚¢ãƒ¼ãƒˆ";
    }
    :is(.heading h4, .blog-preview h4):hover {
        font-size: 14px;
    }
    :is(.heading h4, .blog-preview h4):hover:after {
        font-size: 0px !important;
    }
    .contact .heading h4:after {
        font-size: 14px;
        content: "ã‚³ãƒ³ã‚¿ã‚¯ãƒˆ";
    }
    .table-section:not(.table-section + .table-section) .heading h4:after {
        font-size: 14px;
        content: "å¥½ã";
    }
    .table-section + .table-section .heading h4:after {
        font-size: 14px;
        content: "ãƒªãƒ³ã‚¯ã‚¹";
    }
    .blog-preview h4:after {
        font-size: 14px;
        content: "ãƒ–ãƒ­ã‚°æŠ•ç¨¿";
    }
    .blurbs .heading h4:after {
        font-size: 14px;
        content: "ã«ã¤ã„ã¦";
    }
    .friends:not(#comments) .heading h4:after {
        font-size: 14px;
        content: "å‹é”";
    }
    #comments .heading h4:after {
        font-size: 14px;
        content: "ã‚³ãƒ¡ãƒ³ãƒˆ";
    }
    .f-col a:hover,
    .mood b a:hover,
    footer .links a:hover {
        font-size: 11px;
    }
    .f-col a:hover:after,
    .mood b a:hover:after,
    footer .links a:hover:after {
        font-size: 0px !important;
    }
    .f-row:first-child .f-col:first-child a:after {
        font-size: 14px;
        content: "å‹äººã‚’è¿½åŠ ã™ã‚‹";
    }
    .f-row:first-child .f-col:last-child a:after {
        font-size: 14px;
        content: "ãŠæ°—ã«å…¥ã‚Šã‚’è¿½åŠ ";
    }
    .f-row:nth-child(2) .f-col:first-child a:after {
        font-size: 14px;
        content: "ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’é€ã‚‹";
    }
    .f-row:nth-child(2) .f-col:last-child a:after {
        font-size: 14px;
        content: "å‹äººã«è»¢é€";
    }
    .f-row:nth-child(3) .f-col:first-child a:after {
        font-size: 12px;
        content: "ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ãƒˆãƒ»ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸";
    }
    .f-row:nth-child(3) .f-col:last-child a:after {
        font-size: 12px;
        content: "ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ãƒ–ãƒ­ãƒƒã‚¯ã™ã‚‹";
    }
    .f-row:nth-child(4) .f-col:first-child a:after {
        font-size: 12px;
        content: "ã‚°ãƒ«ãƒ¼ãƒ—ã«è¿½åŠ ã™ã‚‹";
    }
    .f-row:nth-child(4) .f-col:last-child a:after {
        font-size: 14px;
        content: "ãƒ¬ãƒãƒ¼ãƒˆãƒ¦ãƒ¼ã‚¶ãƒ¼";
    }
    footer .links li:first-child a:after {
        font-size: 9px;
        content: "ã«ã¤ã„ã¦";
    }
    footer .links li:nth-child(2) a:after {
        font-size: 9px;
        content: "ãƒ‹ãƒ¥ãƒ¼ã‚¹";
    }
    footer .links li:nth-child(3) a:after {
        font-size: 9px;
        content: "ãƒ«ãƒ¼ãƒ«";
    }
    footer .links li:nth-child(4) a:after {
        font-size: 9px;
        content: "ãƒ—ãƒ¬ã‚¹";
    }
    footer .links li:nth-child(5) a:after {
        font-size: 9px;
        content: "ãƒ–ãƒ©ãƒ³ãƒ‰";
    }
    footer .links li:nth-child(6) a:after {
        font-size: 9px;
        content: "ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆ";
    }
    footer .links li:nth-child(8) a:after {
        font-size: 9px;
        content: "æ¡é …";
    }
    footer .links li:nth-child(9) a:after {
        font-size: 9px;
        content: "ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼";
    }
    footer .links li:nth-child(10) a:after {
        font-size: 9px;
        content: "åˆ»å°";
    }
    footer .links li:nth-child(11) a:after {
        font-size: 9px;
        content: "ã‚³ãƒ³ã‚¿ã‚¯ãƒˆ";
    }
    footer .links li:nth-child(12) a:after {
        font-size: 9px;
        content: "å®£ä¼ã™ã‚‹";
    }
    footer .links li:nth-child(13) a:after {
        font-size: 9px;
        content: "çŠ¶æ…‹";
    }
    footer .links li:nth-child(14) a:after {
        font-size: 9px;
        content: "SpaceHey ã‚·ãƒ§ãƒƒãƒ—";
    }
    .mood b a:first-child:after {
        font-size: 12px;
        content: "ãƒ–ãƒ­ã‚°";
    }
    .mood b a:nth-child(2):after {
        font-size: 12px;
        content: "é€Ÿå ±";
    }
    .mood b a:last-child:after {
        font-size: 12px;
        content: "ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ";
    }
/* END OF JAPANESE TRANSLATION , DO NOT DELETE BELOW */
    .f-col a :first-child {
        font-size: 13px;
        margin-right: 5px;
    }
    .f-col a {
        color: #00f;
    }
    footer .links {
        height: 25px;
    }
    .more {
        color: #fff !important;
        text-transform: uppercase;
        text-shadow: 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 0 0 1px color-mix(in srgb, var(--accent) 70%, #000), 1px 1px 0 color-mix(in srgb, var(--accent) 70%, #000),
            -1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000), -1px 1px 0 color-mix(in srgb, var(--accent) 70%, #000), 1px -1px 0 color-mix(in srgb, var(--accent) 70%, #000);
        filter: saturate(1) !important;
    }
    @media only screen and (max-width: 800px) {
        .col.left,
        .col.right,
        .row {
            border: 0 !important;
        }
        .general-about .profile-pic {
            width: 40% !important;
            height: 100% !important;
        }
        .general-about .profile-pic img {
            max-height: 100% !important;
            max-width: 100% !important;
        }
        nav .links {
            margin-top: 22px;
        }
        nav {
            background: #fff;
        }
        .profile h1 {
            margin-bottom: 0 !important;
        }
        .contact,
        .general-about,
        .mood,
        span h1 {
            display: block !important;
            position: static !important;
            width: 100% !important;
        }
        footer,
        footer * {
            width: 0;
            height: 0;
            opacity: 0 !important;
            pointer-events: none;
        }
        .col.left {
            display: block;
        }
        .row {
            width: 100%;
        }
        footer::before {
            display: none !important;
        }
        nav {
            position: relative !important;
        }
        .profile {
            margin-top: 80px !important;
        }
    }
</style>