Chaotic Layout

Tags: chaotic

Description:

LMAOO THIS IS THE MOST CHAOTIC LAYOUT I'VE EVER DONEE😭😭 U can use it just comment here if u are lol I guess this layout is just for entertainment chaos

Code:

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

<style>
  @import url('https://fonts.googleapis.com/css2?family=Dosis&display=swap');

p{
  font-family: 'Dosis', sans-serif;
  font-size: 100%;
  color: white;
}
h1,h2,h3,h4,h5{
  font-family: 'Poppins', sans-serif;
  font-size: 100%; 
  color: white;
}
  body {
   background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQPcK2zyeSrNUuluMYyT41tnv3TvT1WNW4j6Q&usqp=CAU);

}
.profile {
   background-image: url(http://www.rotoscopers.com/wp-content/uploads/2014/04/peeps-movie-in-the-works.jpg);
}
.profile-pic {

border-radius: 500px;

overflow: hidden;

}

.profile .friends .person img {

border-radius: 130px;

}

/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(247, 171, 180);
   color: white;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: rgb(247, 171, 180);
   color: white;
}
.contact img.icon { 
 display: none; 
}


.contact .f-col>a::before{ 
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px; 
 background-image: url('https://i.pinimg.com/originals/e2/68/bd/e268bd4e17aa8faae79dba987017e443.gif'); 
 background-size: 100% 100%;

}

.blurbs {

    background: rgb(255, 194, 207);
    color: white;

  border-radius: 12px;

}

footer {
    border-radius: 15px;
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQv6CwV-wZx5p5Yg1XNtfuyd7REpk01jI9c0A&usqp=CAU.png);
    color: white;
}

table.comments-table td {
    color: pink;
}

:root {
    --logo-blue; pink;
    --darker-blue: white;
    --lighter-blue: pink;
    --even-lighter-blue: pink;
    --lightest-blue: pink;
    --dark-orange: white;
    --light-orange: pink;
    --even-lighter-orange: pink;
    --green: red;
}

.friends:not(#comments) {

  grid-area: friends;

  background:#ffc7cb;  

  border-radius: 15px

}
 .online { visibility: hidden; } .online img { content: url("https://dl.glitter-graphics.com/pub/1621/1621292ik3voph7x6.gif "); animation-name: none; visibility: visible; height: 20px; width: 80px; 
}

</style>

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 0 of 0 comments ( View all | Add Comment )