⭐️ѕ¢єηє ℓαуσυт!!🌈🫶💖

☆Hii, this is my first layout ever!!>_< Plz don't b rude and don't send hate comments!!

♡Scene layout:

<style>

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

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

</style> 

<style>

body {

    background: url(https://i.pinimg.com/originals/28/ff/29/28ff296e6f9ba98555f358e2bfa0a38f.gif);

}

.profile {

background-image:url(https://i.pinimg.com/originals/a8/30/e2/a830e295bb2d91bd7e24f7a3e4d33ebb.gif);

  background-repeat: repeat;

    border-radius: 12px;

}

/*the username glow and shadow*/

h1

{

 color: /*the username glow and shadow*/

h1

{ color: turquoise; 

 //text-shadow: 1px 1px #ffd1dc;

};

 text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #ffd1dc, 0 0 5px black;

}

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: #00FFEF;

{

.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(--#ffd1dc);

}

table, th, td

}

   border: 1px solid #ffd1dc;

   border-spacing: 2px;

}

.blog

}   

   border: 10px solid #ffd1dc;

}

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

}

   width: 100%;

   border: 4px outset #ffd1dc;

   margin 10px 2;

}

.online 

{

  color: gold!important; 

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

}

:root 

{

 --logo-blue: ;

  --darker-blue: ;

 --lighter-blue: purple 55;

 --even-lighter-blue: ;

 --lightest-blue: ;

 --dark-orange: ;

 --light-orange: ;

 --even-lighter-orange: ;

 --turquoise: ;

        --table-header:#ffd1dc;

 --table-color: white;

 --link-text: white;

 --main-text: white;

    }   

main 

{

  /* changes made to stuff outside of columns */

    background: black;

    padding: 0;

    font-size: small;

    color: #00FFEF;

text color: turquoise;

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

}

footer 

{

    background: turquoise!important;

}

.comments-table{

display: block;

height: 500px;

overflow-y: scroll;

Border-radius: 15px; 

color: turquoise;

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

}

.contact {

  border-radius: 8px;

  background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ9z5WMSwS71c7r4DhoL8AOSvRyI8Z-GQB0_A&s);

  background-position: right top;

  background-repeat: repeat;

background-attachment: scroll;

Width: 310px;

Height:180px;

color: black;

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

}

.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 #000000 !important;

outline: curve !important;

}

img

{

border-radius: 12px;

}

main {

background: black;

border-radius: 14px;

padding: 0;

font-size: 85%;

color: #000000;

}

nav, footer, .profile .contact {

display: inherit !important;

opacity: 1 !important;

border-radius: 12px;

}

main {

background: ;

border-radius: 12px;

border: 12px solid #000000;

padding: 0;

font-size: 90%;

color: #00FFEF;

}

nav .top {

  background: transparent;

}

nav .links {

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

}

nav { background-image: url(https://64.media.tumblr.com/b305a18f19862af6acf46fdad8949649/b5987e3961527536-94/s2048x3072/a25f22fd8a7d5c893f8edb36aab4fdc807234922.gif) 

}

/*customising interests box*/

  .profile .table-section{

    border:2px solid #c50576;

    border-radius: 15px;

  }

  .profile .table-section .heading{

    background:#000000;

    border: 1px solid #c50576;

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

    text-align: center;

  }

  .profile .table-section .heading h4{

    color: #c50576;

    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: #c50576;

    color: #ffffff;

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

    text-align: center;

  }

  .profile .friends .heading h4{

    text-align: center;

    color: #ffffff;

    text-shadow: 1px 1px 2px black

  }

.general-about {

 background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQM-xFPVDMQmJ1D6QYsoIFMDgXrHy8dg0cSoA&usqp=CAU);

 padding: 20px;

 border-radius: 10px;

 box-shadow: 4px 4px 0 #2d1157;

 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/474x/6e/0f/c7/6e0fc7fcf9abc6cc297f47c28834af60.jpg);

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

 padding: 18px;

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

}

.profile .profile-info .inner h3 {

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

 margin: 0!important;

 color:#FFF;

}

.profile .profile-info .inner h3 a {

 color: #FFFFFF;

}

.profile .profile-info {

 background-image: url(https://i.pinimg.com/564x/17/22/fe/1722fe910e9bc84116d2f76d521f5875.jpg);

 padding: 20px;

 border: none;

 border-radius: 10px;

 box-shadow: 4px 4px 0 #2d1157;

 text-align: center;

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

 animation-delay: .15s;

 border: none;

}

</style>

<style>

@keyframes spin{

  from{ transform:rotate(0deg); }

  to{ transform:rotate(-360deg); }

}

.general-about .profile-pic img{

  border-radius: 50%;

  animation: spin 7s infinite linear;

}

</style>

<!-- MUSIC AUTOPLAY (SCENE GIRLZ-BROKENCYDE) -->

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

<!-- MYSPACE LOGO -->

<style>

.logo {

content:url("https://static.wikia.nocookie.net/logopedia/images/2/20/MySpace_logo.svg");

filter: invert(100%);

}

</style>

<!-- THE MILLIONAIRES LOADING SCREEN -->

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://static.tumblr.com/7c3f962ef542a9b4786c0e41af432aff/1jcaeld/v1Rn6wstl/tumblr_static_tumblr_static__focused_v3.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

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

pointer-events: none;}

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

</style>

<!-- DANCING GIR THINGY -->

<div style="float: ; max-width: 200px; height: auto; position: fixed; right: 37px; bottom: 9px; z-index: 200;"><a href="https://alturl.com/p749b"><img src="https://media.tenor.com/5D4rd_3yHXUAAAAj/gir-invader-zim.gif" alt="dancing gir"/></a></div>

<!-- URL THINGY -->

<style>

.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://i.pinimg.com/originals/4a/40/16/4a401645a69ea52b4923af6cfadc8a9f.gif); width: auto; height: 70px; background-position: top center; background-size: 20%; background-repeat: no-repeat;}

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

</style>

I hope you liked it, if you're gonna use it please credit me, I would rlly appreciate it <3