pastel rainbow layout :3

Tags: #rainbow #pastelrainbow #pastel #soft #kawaii #aesthetic
Description:

free to use layout comment is ur gonna use plz!! <3
Preview:

click on the image for a larger preview
Code:

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

<style>
body{
background-image:url(https://c.tenor.com/2yiOPIXIHZcAAAAM/kawaii-pastel.gif);
text-transform: lowercase;
background-size: 50%;
}
 .online {
display: none;

}
.url-info{
display:none !important;
}
:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: ;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
}
body, a, a:hover{ 
    color: #FFBDE1;
  -webkit-text-stroke: 1px #FFBDE1;
}
@keyframes changeColor{
    0%{color:white;}
    20%{color: #FFBDE1;}
    40%{color: white;}
    60%{color: #FFBDE1;}
    80%{color: white;}
    100%{color: #FFBDE1;}
}
.tableLeft{
background-color:white;
border:1px solid #FFBDE1;
}
div#header {
    background-color: white;
    background-position: 0px -400px;
text-align: center;
text-transform: lowercase;
    background-size: 100px;
    background-repeat: repeat;
}
div#hSub {
    color: white !important;
    background-color: #FFE6F4;
    text-align: center;
text-transform: lowercase;;
}
 {
    animation-name: floating ;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    max-height: 650px;
    overflow-y: scroll;
    padding: 10px;
}

}
::-webkit-scrollbar {
width: 0px;

}
img:hover {
      animation:shake 10s;
      animation-iteration-count:infinite;
filter: none;
}
@keyframes shake{
    0% {
        transform:translate(1px,1px) rotate(0deg);
    }
 
    10% {
        transform:translate(-1px,-2px) rotate(-1deg);
    }
 
    20% {
        transform:translate(-3px,0px) rotate(1deg);
    }
 
    30% {
        transform:translate(3px,2px) rotate(0deg);
    }
 
    40% {
        transform:translate(1px,-1px) rotate(1deg);
    }
 
    50% {
        transform:translate(-1px,2px) rotate(-1deg);
    }
 
    60% {
        transform:translate(-3px,1px) rotate(0deg);
    }
 
    70% {
        transform:translate(3px,1px) rotate(-1deg);
    }
 
    80% {
        transform:translate(-1px,-1px) rotate(1deg);
    }
 
    90% {
        transform:translate(1px,2px) rotate(0deg);
    }
 
    100% {
        transform:translate(1px,1px) rotate(0deg);
    }
}
.comments-table{

}
#comments, footer{   
border: solid 1px #FFBDE1;
}
nav .top, .heading, nav .links{
background-color: #FFE6F4;
}
footer{
background-color: #FFE6F4;
}
.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: "♥"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "♥"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "♥"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "♥"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "♥"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "♥"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "♥"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "♥"
}
 div.friends div.inner p b {
color: black;
}
    h1, .count, .friends a p{
    color: #FFBDE1 !important;
}
.url-info{
display:none !important;
}
.icon, .award img {
    content: url();
    display: inline-block;
    height: 2.0em;
    width: 2.0em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
}
{
    background: url() no-repeat;
    background-size: 100%!important;
    position: fixed;
    left: 0px;
bottom: 0px;
    height: 200px;
    width: 200px;
    z-index: 100;
    opacity: 100%;
}
::-webkit-scrollbar {
width: 0px;
}
  . .table-secprofiletion{
    border:2px solid #FFBDE1;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background: #FFE6F4;
    border: 1px solid #FFBDE1;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #FFBDE1;
    text-shadow: 1px 1px 2px #FFBDE1;

  }
.table-section:not(:last-child) .details-table tr td:first-child p {
    color:  #FFBDE1;
    text-shadow: none !important;
 text-shadow: none !important;
}
.details-table tr td:first-child p:after {
    color: #FFBDE1;
    !important: ;
    letter-spacing: normal !important;
    filter: brightness(100%) !important;
}

  .profile, .friends, .heading, .comments-table, .profile-info, footer{
       border:2px solid #FFBDE1;
    border-radius: 15px;
    color:#FFE6F4;
}
main{
           border:2px solid #FFBDE1;
}
.ourple{
    background: url(https://img.wattpad.com/765959be3a97e4c35e2ed4f17584b1b016f4e478/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f772d6a50326857384f4e6b4638773d3d2d3336373934393238332e313663666537383163643634366163663931363336383639383437352e676966) no-repeat;
    background-size: 100%!important;
    position: fixed;
right: 0px;
bottom: 0px;
    height:200px;
    width: 200px;
    z-index: 100;
    opacity: 100%;

)
</style>
<style>
.snowflakes {
    color: #FFBDE1;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}

@-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>
<div class="snowflakes">
  <div class="snowflake">
♥
  </div>
  <div class="snowflake">
♥
  </div>
  <div class="snowflake">
♥
  </div>
  <div class="snowflake">
♥
  </div>
  <div class="snowflake">
♥
  </div>
  <div class="snowflake">
♥
  </div>
  <div class="snowflake">
♥
  </div>
  <div class="snowflake">
♥
  </div>
  <div class="snowflake">
♥
  </div>
  <div class="snowflake">
♥
  </div>
  <div class="snowflake">
♥
  </div>
  <div class="snowflake">
♥
  </div>
</div>
<img src="https://64.media.tumblr.com/94ab6c376b14397a49d54fd45521ea90/82f81018871159c7-de/s400x600/a9e4e88d916f5c79a4bdb2cf3cb4a76d24a55334.gifv"/>
<style></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.