archiving my leon brawl stars layout becayse im changing it but u guys can use it too if u want

um ill just dump it here. im posting it to blogs because i /wouldve/ posted it to layouts if it wasnt disabled for some reason. does anyone know why? /gen

<style>

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

p {

  font-family: "Chelsea Market", system-ui;

  font-weight: 400;

  font-style: normal;

  font-size: large;

}

.profile {

background: url(https://i.pinimg.com/564x/c3/4a/64/c34a64381ea2e80576339fd5e2a8258c.jpg);

background-size: cover;

color: white;

text-shadow: 0 0 9px white;

}

body {

background: url(https://i.pinimg.com/originals/ca/7d/57/ca7d5760efa1edd4308ad0ec5fbe1fdc.gif);

background-size: cover;

background-attachment: fixed;

}</style>

<style>

  :root {

        --logo-blue: #147d3a;

        --darker-blue: #ffff8a;

        --lighter-blue: #e3fc3d;

        --even-lighter-blue: #8bd938;

        --lightest-blue: #0e9c4e;

        --dark-orange: #e6ff57;

        --light-orange: #8bd938;

        --even-lighter-orange: #0e9c4e;

        --green: purple;

background-image: url(https://i.pinimg.com/originals/9b/66/b6/9b66b6ad18b1c1172b34d87e8c2d0f74.jpg);

background-attachment: fixed;

padding: 20px;

border-radius: 10px;

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

text-align: center;

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

animation-delay: .46s;

 }</style>

<style>

/* contact icons */

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* add to friends */

content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34)

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* add to favorite */

content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34)

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* send a message */

content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34)

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* foward to friend*/

content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34)

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant message */

content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34)

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block */

content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34)

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add 2 group  */

content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34)

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report */

content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34)

} </style>

<style> .NAMEHERE {

        background: url(https://i.ibb.co/XyG0Cpp/makesweet-w7hi9f-unscreen.gif) no-repeat;

        background-size: 75%!important;

        position: fixed;

        left: 7px;

        bottom: -87px;

        height: 370px;

        width: 320px;

        z-index: 1000;

        opacity: 100%;

        pointer-events: none;

    }</style> 

<div class="NAMEHERE"></div>

<iframe width="0" height="0" src="https://www.youtube.com/embed/-SUDtpd0Wuw//?&;amp;;autoplay=1&;loop=777&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

<style>

html:before {

  animation: grain 8s steps(5) infinite;

  background-image: url(https://i.pinimg.com/originals/17/aa/40/17aa40cc5530dfb653e172cbe086f6ee.gif);

  content: "";

  height: 300%;

  left: -50%;

  opacity:.2;

  position: fixed;

  top: -110%;

  width: 300%;

  pointer-events:none;

}

@keyframes grain {

  0%, 100% { transform:translate(0, 0) }

  10% { transform:translate(-5%, -10%) }

  20% { transform:translate(-15%, 5%) }

  30% { transform:translate(7%, -25%) }

  40% { transform:translate(-5%, 25%) }

  50% { transform:translate(-15%, 10%) }

  60% { transform:translate(15%, 0%) }

  70% { transform:translate(0%, 15%) }

  80% { transform:translate(3%, 35%) }

  90% { transform:translate(-10%, 10%) }

} </style>

<style>* {cursor: url(https://cur.cursors-4u.net/food/foo-1/foo6.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/04/22/foo6-11.html" target="_blank" title="Lollipop"><img src="https://cur.cursors-4u.net/cursor.png" alt="Lollipop" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url(https://media1.tenor.com/m/wP0Ve-L0CDMAAAAC/ride-brawl-stars.gif);

background-size: cover;

background-repeat: no-repeat;

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

pointer-events: none;

}

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

<style/></style>

<style>

.online {content:url('https://i.ibb.co/KzL5pR9/blinkies-Cafe-Aj.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 

}

</style>

<style>

.logo {

content:url("https://i.ibb.co/rQCBCJZ/spacehey-logo-white.png");

}

</style>

<style>

footer {

    border-radius: 15px;

    background-image: url(https://i.pinimg.com/564x/09/30/34/093034427e19693b8893f6d91827b63c.jpg);

    color: white;

    background-size: cover

}

</style>

ohyeah! bwweuha