frank

!-- (c) Layout created by Dmitri ~★ (https://layouts.spacehey.com/layout?id=89295) --> #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,.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}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,.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 .981584px 0,var(--accent) 2.35766px 1.85511px 0,var(--accent) 1.62091px 2.52441px 0,var(--accent) .705713px 2.91581px 0,var(--accent) -.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 .42336px 0,var(--accent) -2.94502px -.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) -.137119px -2.99686px 0,var(--accent) .850987px -2.87677px 0,var(--accent) 1.74541px -2.43999px 0,var(--accent) 2.44769px -1.73459px 0,var(--accent) 2.88051px -.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}.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,.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,.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}.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-