Ocean Layout

Tags: ocean, blue, raining, autoplay, cute
Description:

Comes With autoplay!!! Comment If using <3 Requests Open :3
Code:

<!-- (c) Layout created by ✨ Ava :3 ✨ (https://layouts.spacehey.com/layout?id=40702) -->

<style>
	.profile-pic img{
   	 
border: 7px solid #9edfff !important;   
   	 
	}

<style>

.profile-pic img{
clip-path: circle();
}
.online {
	content: url(https://64.media.tumblr.com/e2e0f7d34ba761715c827b972ff91dc4/bf4ea3dba4fbfbb2-e5/s75x75_c1/d19d836463d0c357ec08a845fc71c6782b28f6bc.pnj);
	}

<style>
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@600&display=swap');
p{
  font-family: 'Unbounded', cursive;
  font-size: 150%;
}

h1,h2,h3,h4,h5{
font-family: 'Unbounded', cursive;
font-size: 200%;   
}




body {
	background-image: url('https://64.media.tumblr.com/0821b43ed2a485aea5cec9b489280daa/0c2eac72612c0e2c-d0/s400x600/57540a02d67b1f91bd6d191ddbf0c0fde34eae2b.pnj');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;


}
main{
background-color: transparent;




}
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(207, 240, 250);
   color: #7edbe6;
}
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: #c6f0f5;
   color: rgb(83, 109, 207);
}
.comments-table{
display: block;
height: 440px;
overflow-y: scroll;
}
.count {
    color: #7ccfbd ;

}
.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: "⭐"


}


footer {
    border-radius: 15px;
    background-image:url(https://64.media.tumblr.com/771d55262055ae55012696a30353d4ca/71881fbccf8a80e7-d1/s75x75_c1/065c4e2791d717439eccf276108704603c400b2d.gifv) ;
    color: white;
}
footer::after{
  bottom: 0;
  font-size:0;
  left: 70%;
  position:fixed;
  pointer-events: none;
  content:url("https://64.media.tumblr.com/6ce0898caba9e05e492d5ec4be29d27d/a324df92b7afeba1-ea/s75x75_c1/276e87e823ea1e4065f03b26959f298e11abc490.gifv");

}


table.comments-table td {
    color: rgb(252, 236, 187);
}


:root {
    --logo-blue:;
    --darker-blue: #5a72e8;
    --lighter-blue: #4f64ff;
    --even-lighter-blue: #c4ceff;
    --lightest-blue: #b1e4f0;
    --darker-blue: #5a72e8;
    --light-orange: #a2a5fc;
    --even-lighter-orange: #a2a5fc;
    --green: #a2a5fc;
}
</style>


<style>HTML,BODY{cursor: url("https://64.media.tumblr.com/62a881b84caeae153d62753d47f500ae/eb7088c9bc9a98b3-f1/s75x75_c1/8cf446a667d4d1b418dfc2e341ac647466693e44.gifv"), url("https://64.media.tumblr.com/62a881b84caeae153d62753d47f500ae/eb7088c9bc9a98b3-f1/s75x75_c1/8cf446a667d4d1b418dfc2e341ac647466693e44.gifv"), auto;}
</style>


<style>A:hover{cursor: url("https://64.media.tumblr.com/62a881b84caeae153d62753d47f500ae/eb7088c9bc9a98b3-f1/s75x75_c1/8cf446a667d4d1b418dfc2e341ac647466693e44.gifv"), url("https://64.media.tumblr.com/62a881b84caeae153d62753d47f500ae/eb7088c9bc9a98b3-f1/s75x75_c1/8cf446a667d4d1b418dfc2e341ac647466693e44.gifv"), auto;}</style>


<style>
*{
  border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  border-radius: 6px 6px 9px 9px;
}
</style>



<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/f64b88f74e3b9c6073dd8e56e0002ae3/tumblr_inline_nsbydoxzOE1tnv24g_75sq.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/f64b88f74e3b9c6073dd8e56e0002ae3/tumblr_inline_nsbydoxzOE1tnv24g_75sq.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/f64b88f74e3b9c6073dd8e56e0002ae3/tumblr_inline_nsbydoxzOE1tnv24g_75sq.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/f64b88f74e3b9c6073dd8e56e0002ae3/tumblr_inline_nsbydoxzOE1tnv24g_75sq.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/f64b88f74e3b9c6073dd8e56e0002ae3/tumblr_inline_nsbydoxzOE1tnv24g_75sq.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/f64b88f74e3b9c6073dd8e56e0002ae3/tumblr_inline_nsbydoxzOE1tnv24g_75sq.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/f64b88f74e3b9c6073dd8e56e0002ae3/tumblr_inline_nsbydoxzOE1tnv24g_75sq.gifv"/></div>
</div>

<style>
    @-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>

<iframe width="0" height="0" src="https://www.youtube.com/embed/MW4a6P6PA6c?si=0isBEXfDiKtPo_cm/?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" loading="lazy">
</iframe>
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 1 of 1 comments ( View all | Add Comment )
🦇 alaya 🦇
1696201718
Might use!
Report Comment