Nana layout

Tags: nana, black, white, anime
Description:

Nana based layout. The base layout is NOT mine i made a few changes to it creds are in the code comment if use:3
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by 𓎟𓎟 𝙘𝗵𝗲𝙧𝙧𝘆ꜝꜝ 𝜗𝜚 (https://layouts.spacehey.com/layout?id=107828) -->

<!-- (c) Layout created by チェリー(CHERRY THE SILLIEST)(https://layouts.spacehey.com/layout?id=2603313) -->

<!-- (c) Layout created by idioteque (https://layouts.spacehey.com/layout?id=83881) -->

<style>
/*
	customization
*/
:root {
    --background-color:#080808;
    --background-image: url();
    --banner-image: url();
    --accent: #080808;
}
/*
	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:.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,.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://i.pinimg.com/564x/09/30/30/0930309b504744cf437f1bd17091a07d.jpg) 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://i.pinimg.com/originals/61/b0/87/61b0877bd6db080ce9a270246d7502d2.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://i.pinimg.com/originals/ca/2d/09/ca2d099899ea553ead68b5c2de2abcda.jpg) 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}#comments::after{top:-8px;right:-147px;width:137px;height:528px;margin-top:10px;border:1px solid #000;background:url(https://i.pinimg.com/originals/42/8e/56/428e5656e59c8e1bdd1f4f3e6caf82b9.jpg) 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}.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:"リンクス"}.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}.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 :first-child{font-size:13px;margin-right:5px}.f-col a{color:#00f}.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{height:25px}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:"フォーラム"}</style>


<style>
:root {
    --background-color: #080808;
    --background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
    --banner-image: url(https://64.media.tumblr.com/b33879833c499e607adb4fbf5fcaf049/add9bb6ae785981e-f7/s400x600/8c6b3412fc8cd7fbbcd5af503b8a97a0240d5b23.gifv);
    --accent: #080808;}
</style>


<!-- (c) Layout created by ☁️ ˗ˋ Nero ˊ˗ 🦴 !! ᐢ..ᐢ ꒱ ‧₊˚ (https://layouts.spacehey.com/layout?id=103517) -->

<style>

.general-about img {-webkit-mask-image: url( https://i.postimg.cc/Y0bLJP7X/838-sin-t-tulo-20240412233444.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>



<style>

.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/Y0bLJP7X/838-sin-t-tulo-20240412233444.png );-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<style>



.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/Y0bLJP7X/838-sin-t-tulo-20240412233444.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}



</style>


<!-- (c) Layout created by チェリー(CHERRY THE SILLIEST) (https://spacehey.com/profile?id=2603313) -->

<style>
body { cursor: url('http://www.rw-designer.com/cursor-view/23324.png
'), auto; }
</style>


<!-- (c) Layout created by チェリー(CHERRY THE SILLIEST) (https://layouts.spacehey.com/layout?id=2603313) -->

 <div style="float:  ; max-height: 300px; position: fixed; right: 45px; bottom: 0px; z-index: 400;">
<img src="https://files.catbox.moe/q33ncz.png" height="350"/> </div>



<!-- (c) Layout created by チェリー(CHERRY THE SILLIEST) (https://spacehey.com/profile?id=2603313) -->

<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 800;">
<img src="https://files.catbox.moe/shr6i7.png" height="150"/></div>


<!-- (c) Layout created by チェリー(CHERRY THE SILLIEST)  (https://spacehey.com/profile?id=2603313) -->


<style>
body:before {
    content: " ";
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-image: url('https://tenor.com/view/anime-monochrome-black-and-white-moon-gif-25273523.gif');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    animation: yourAnimation 3s ease 0s 1 normal forwards;
    pointer-events: none;}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0;}}
</style>


<!-- (c) Layout created by 𝓔𝓿𝓲𝓮 (https://layouts.spacehey.com/layout?id=106163) -->

<div class="snowflakes">
  <div class="snowflake">
   <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>
  </div>
  <div class="snowflake">
     <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>
  </div>
</div>
<style>
*customizable snowflake styling*
.snowflake {
  color: insert color;
  font-size: 2em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 0px rgba(0,0,0,0.7);
}
@-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}
</style>



<!-- (c) Layout created by チェリー(CHERRY THE SILLIEST) (https://spacehey.com/profile?id=2603313) -->

<style>
nav img.logo {
 
 content:url("https://files.catbox.moe/32g2qv.png");
    }
</style>


<!-- (c) Layout created by チェリー(CHERRY THE SILLIEST) (https://layouts.spacehey.com/layout?id=2603313) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/1-3efFGEnr8//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.
Comments

Displaying 20 of 78 comments ( View all | Add Comment )
Aiiko	1731512520 using Report Comment
rresting	1731415550 using Report Comment
ɑniꮪɑ	1731392107 Using Report Comment
Kota ♡	1731030932 Using Report Comment
꒰ঌ𝑳𝒚𝒍Ŧɨᶻ 𝘇 𐰁	1730937056 USING!! I love this design 💖 Report Comment
Luc1us:P	1730718284 using!! Report Comment
lidnis <3	1730392392 using )) Report Comment
ダークソウル	1730226178 Def using :3 Report Comment
eating.corpses	1729639879 using Report Comment
gwen! >_<	1729306327 using!! :> Report Comment
livzy	1728961206 Using ^_^ Report Comment
farii 🕸	1728924500 Using!! Report Comment
彼岸花	1728674355 Using!! Report Comment
jelly!! ^u^	1728652637 Using !! <3 Report Comment
Abbey^^	1728323861 Using!!! Report Comment
iris <33	1728184102 using :3 Report Comment
✮₊⊹₊⋆ ︎︎ ⋆₊ ⊹✮	1727941126 using Report Comment
▪︎ｓｕｎｓｈｉｎｅ	1727908486 Using! 🐈‍⬛ Report Comment
severine 🦴💫	1727897075 anybody have an idea what this type of layout is called? (like, the overall shape and where the things r placed, not the nana thing :3) Report Comment
Athenix	1727799953 using Report Comment