Nyan~ Neko Sugar Girls Layout!!

theres music autoplay, i giant Raiku-chan to indicate ur online, a loading screen, and some other stuffs and overall flashing lights and VERY chaotic lol X3

feel free to remove things or add <3

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.makeagif.com/media/10-07-2023/34qbtM.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 5s ease 0s 1 normal forwards;

pointer-events: none;

}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/5hg9DfLktmw?si=SlD8evENA8pEWNBJ//?&;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>

<style>

@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');

body{font-family: "potta one" ;}

</style> 

<style>

body {

    background: url(https://img1.picmix.com/output/pic/normal/2/2/1/5/10805122_b62e5.gif);

}

.profile {

background-image:url(https://i.pinimg.com/564x/93/4f/5f/934f5f526f20a0b27873d5d049917786.jpg);

  background-repeat: repeat;

    border-radius: 12px;

}

/*the username glow and shadow*/

h1

{

color: /*the username glow and shadow*/

h1

{         color: pink; 

//text-shadow: 1px 1px #388a46;

};

text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #388a46, 0 0 5px pink;

}

h1, h2, h3, h4,h5,a, p, nav label, .section

{

main, top, links, nav .top, nav .links, details-table

{

    background:  !important;

background-image:   !important;

background-size: cover !important;

    padding: 0 !important;

    /*font-size: small;*/

    color: #0007e0;

{

.mood

text-transform:uppercase !important;

}

table, td

}

/* border: 1px solid var(--url-pink-bg)!important; */

border-spacing: 2px;

}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions

{

    width: 100%;

    border: 2px solid var(--#388a46);

}

table, th, td

}

   border: 1px solid #388a46;

   border-spacing: 2px;

}

.blog

}   

   border: 10px solid #388a46;

}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions

}

   width: 100%;

   border: 4px outset #388a46;

   margin 10px 2;

}

.online

{

  color: pink!important; 

  //text-shadow: 1px 1px black;

}

:root 

{

--logo-blue: ;

  --darker-blue: ;

--lighter-blue: blue;

--even-lighter-blue: ;

--lightest-blue: ;

--dark-orange: ;

--light-orange: ;

--even-lighter-orange: ;

--turquoise: ;

        --table-header:#388a46;

--table-color: pink;

--link-text: green;

--main-text: pink;

    }   

main 

{

  /* changes made to stuff outside of columns */

    background: pink;

    padding: 0;

    font-size: small;

    color: #3eb54f;

text color: green;

  text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 3px #white; 

}

footer 

{

    background: pink!important;

}

.comments-table{

display: block;

height: 500px;

overflow-y: scroll;

Border-radius: 15px; 

color: #b3b3b3;

  text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 3px white; 

}

.contact {

  border-radius: 8px;

  background-image: url(https://i.pinimg.com/236x/8f/8d/28/8f8d281358f3d5262d45e93bfb0aa3b5.jpg);

  background-position: right top;

  background-repeat: repeat;

background-attachment: scroll;

Width: 310px;

Height:180px;

color: pink;

  text-shadow: 1px 1px 2px #737cff, 0 0 25px #737cff, 0 0 3px #737cff; 

}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 

{

border: 1px curve #737cff !important;

outline: curve !important;

}

img

{

border-radius: 12px;

}

main {

background:  pink;

border-radius: 14px;

padding: 0;

font-size: 85%;

color: green;

}

nav, footer, .profile .contact {

display: inherit !important;

opacity: 1 !important;

border-radius: 12px;

}

main {

background:  ;

border-radius: 12px;

border: 12px solid green;

padding: 0;

font-size: 90%;

color: #0700d1;

}

nav .top {

  background: transparent;

}

nav .links {

  background: rgba(0, 0, 0, 0.3);

}

nav { background-image: url(https://i.pinimg.com/564x/d9/f6/6f/d9f66f2d40227419ee9c3239b714cd05.jpg) 

}

/*customising interests box*/

  .profile .table-section{

    border:2px solid #c3ffbd;

    border-radius: 15px;

  }

  .profile .table-section .heading{

    background:#000000;

    border: 1px solid #c3ffbd;

    border-radius: 15px 15px 0px 0px;

    text-align: center;

  }

  .profile .table-section .heading h4{

    color: #630700;

    text-shadow: 1px 1px 2px black;

  }

  .profile .table-section .details-table td{

    background: rgba(0, 0, 0, 0);

    padding-right: 10%;

  }

 /*customising friend space heading*/

  .profile .friends .heading{

    background: #320669;

    color: #320669;

    text-shadow: 1px 1px 2px black;

    text-align: center;

  }

  .profile .friends .heading h4{

    text-align: center;

    color: #6a56c4;

    text-shadow: 1px 1px 2px black

  }

.general-about {

background-image: url(https://i.pinimg.com/564x/0e/a7/91/0ea7913f2016140722589f54c9efb200.jpg);

padding: 20px;

border-radius: 10px;

box-shadow: 4px 4px 0 #5a2c9e;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .46s;

}

.profile .blurbs .section :nth-child(2) {

background-image: url(https://i.pinimg.com/564x/3b/36/4e/3b364ebc96ea85978a8410833c3867b4.jpg);

     /* margin-top: -5px; */

padding: 18px;

box-shadow: 4px 4px 0 #000;

}

.profile .profile-info .inner h3 {

filter: drop-shadow(3px 3px 0 #white);

margin: 0!important;

color:#6e0054;

}

.profile .profile-info .inner h3 a {

color: #6e0054;

}

.profile .profile-info {

background-image: url(https://i.pinimg.com/736x/30/32/18/3032186938a130c8dfe7c08b403ad281.jpg);

padding: 20px;

border: none;

border-radius: 10px;

box-shadow: 4px 4px 0 #8049d1;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .15s;

border: none;

}

</style>

<style>

.general-about{

  position: relative;

  margin-top: 100px;

}.online{

content: url(https://static.wikia.nocookie.net/fridaynightfunking/images/5/55/RakuChan.gif/revision/latest?cb=20231107070928);}

</style>

<style>

.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://blog.msabrookhaven.org/literary/wp-content/uploads/2018/09/tumblr_mfkp6pZPUb1qdm0y0o1_500.gif);  width: auto; height: 150px; background-position: top center; background-size: 50%; background-repeat: no-repeat;}

.profile .url-info p {text-align: center;}

</style>

<style>

nav img.logo {

 content:url("https://static.wikia.nocookie.net/nyan-nekosugargirls/images/4/40/60773a6bdbbbd34cb05b2609_Layer_2_%282%29_auto_x1_%283%29.png/revision/latest?cb=20230206020608");

    }

</style>

<div style="float:  ; max-height: 200px; position: fixed; right: 1px; bottom: 0px; z-index: 200;">

<img src="https://static.wikia.nocookie.net/fridaynightfunking/images/8/86/HitoshiIdle.gif/revision/latest/thumbnail/width/360/height/360?cb=20231107070537" width="200" height="300"/></div>

<div style="float:  ; max-height: 200px; position: fixed; left: 1px; top: 0px; z-index: 200;">

<img src="https://static.wikia.nocookie.net/fridaynightfunking/images/2/2e/KonekoChan.gif/revision/latest?cb=20231107070900" width="200" height="200"/></div>

<img src="https://i.makeagif.com/media/10-07-2023/34qbtM.gif"/>