my first layout ^_^

Tags: layout, blue
Description:

I don't know what to say well,,
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by ！maya ❨☆❩ MD/🏠🔒 (https://layouts.spacehey.com/layout?id=106382) -->

<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>
<div style="float:  ; max-height: 400px; position: fixed;right: 1px; top: 4px; z-index: 400;">
<img src="https://i.redd.it/r3heajx9i7d71.gif" width="200" height="200"/></div>
<style>

.profile .friends .person:first-child img:not(.icon){
content:url(https://tenor.com/view/japari-omori-neutral_omori-omori_neutral-gif-24241976.gif);
}
.profile .friends .person:nth-child(2) img:not(.icon){
content:url(https://tenor.com/view/omori-aubrey-neutral-gif-23997838.gif);
}
.profile .friends .person:nth-child(3) img:not(.icon){
content:url(https://tenor.com/view/omori-hero-neutral-gif-23953414.gif);
}
.profile .friends .person:nth-child(4) img:not(.icon){
content:url(https://tenor.com/view/omori-kel-neutral-gif-23997815.gif);
}
.profile .friends .person:nth-child(5) img:not(.icon){
content:url(https://tenor.com/view/omori-basil-neutral-gif-24980509.gif);
}
.profile .friends .person:nth-child(5) img:not(.icon){
content:url(https://tenor.com/view/omori-basil-neutral-gif-24980509.gif);
}
.profile .friends .person:nth-child(6) img:not(.icon){
content:url(https://tenor.com/view/omori-mari-neutral-gif-26229342.gif);
}
.profile .friends .person:nth-child(7) img:not(.icon){
content:url(https://forums.autodesk.com/autodesk/attachments/autodesk/124/166553/1/Personal_Tri_Part_-_01_2018-Apr-27_02-32-37PM-000_CustomizedView28598958894_png_alpha.png);
}
.profile .friends .person:nth-child(8) img:not(.icon){
content:url(https://forums.autodesk.com/autodesk/attachments/autodesk/124/166553/1/Personal_Tri_Part_-_01_2018-Apr-27_02-32-37PM-000_CustomizedView28598958894_png_alpha.png);
</style>

<style>

div.friends-grid{
text-align:center; /* if you want them to be center */
}

.profile .friends .person p{
display:none; /* hides the original names */
}

.profile .friends .person:nth-child(1)::before{
content:"Omori";
}
.profile .friends .person:nth-child(2)::before{
content:"Aubrey";
}
.profile .friends .person:nth-child(3)::before{
content:"Hero";
}
.profile .friends .person:nth-child(4)::before{
content:"Kel";
}
.profile .friends .person:nth-child(5)::before{
content:"Basil";
}
.profile .friends .person:nth-child(6)::before{
content:"Mari";
}
.profile .friends .person:nth-child(7)::before{
content:" ";
}
.profile .friends .person:nth-child(8)::before{
content:" ";
}

<style></style>
<style>
HTML,BODY{cursor: 
url(http://www.rw-designer.com/cursor-view/160161.png),
auto;}


A:hover{cursor: 
url(http://www.rw-designer.com/cursor-view/160161.png),
auto;}
</style>
<style>

li.active .icon { content:url('https://i6.glitter-graphics.org/pub/1552/1552106il0fwtlx83.gif'); width: 20PX;height: 20px;}

</style>
<style>
.logo {
content:url("https://files.catbox.moe/hlq59z.png");
}
</style>
<style>

.general-about{

  position: relative;
 margin-top: 30px;

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

<img src="https://external-media.spacehey.net/media/syMTE2VRj0JVtsERHBw4SbBFhCusNKb41mfJRkHCfdlM=/https://sector5.lyoko.info/36gb86yq7qz1.gif"/>

<img src="https://64.media.tumblr.com/2fbee26e6b54b931aa46f9151887ea47/de836fe9c93e4cc6-07/s100x200/98533512200ff1198cd8d20ac966b38cc2072474.pnj"/>

<img src="https://64.media.tumblr.com/ae04295f3885b2a2c0402f2d30a5006e/de836fe9c93e4cc6-ec/s100x200/1213501207c996efbe352bae2c1848fa4f16ccf6.pnj"/>

<img src="https://64.media.tumblr.com/603280bb25174fe4ab92aa165ef7d0a8/de836fe9c93e4cc6-2b/s100x200/4293725586d9dad60e0cd798ceb8e53f99502fce.gifv"/>

<img src="https://64.media.tumblr.com/689184120cb80df0b5adaa117bb63746/de836fe9c93e4cc6-33/s100x200/2b550b4980b1a9c8fcf87784d2c089c61df4196c.gifv"/>

<img src="https://64.media.tumblr.com/66fde05f7f0225ac7a6b1359653dbdf5/de836fe9c93e4cc6-29/s100x200/8759334bcf1470770bf780d4eaf796848bb6dc57.pnj"/>

<img src="https://64.media.tumblr.com/f26b3c087e78be6e1e8e446fedf73a7d/de836fe9c93e4cc6-50/s100x200/72b80d155f28c951d774ad6d7a4d80a96ae2722e.pnj"/>

<img src="https://64.media.tumblr.com/9d51e9710d24283290d83c095614f818/f06d09507e506cb1-3c/s100x200/111631458af727dd8fe23acaeda17754b3524ae2.gifv"/>

<img src="https://64.media.tumblr.com/d7649609c00a6eaf0bc0fb8159c1600b/cf33f72ed27aa63f-e1/s100x200/d69742dd08fbfec3d387c4cf31a3478ddc23589f.gifv"/>

<img src="https://i.pinimg.com/originals/5f/db/32/5fdb329f2ce16a92b617f45f695af551.gif"/>

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

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

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Pansexuality_Pride_Flag.svg/1200px-Pansexuality_Pride_Flag.svg.png" width="60" height="46"/>

<img src="https://i.pinimg.com/originals/5f/db/32/5fdb329f2ce16a92b617f45f695af551.gif"/>

<img src="https://external-media.spacehey.net/media/syMTE2VRj0JVtsERHBw4SbBFhCusNKb41mfJRkHCfdlM=/https://sector5.lyoko.info/36gb86yq7qz1.gif"/>

<style>

.general-about{

  position: relative;
 margin-top: 30px;

}

.general-about .profile-pic::before{

  content: '';

  background: url('https://file.garden/ZF8OzyhvAk-Bo5i3/ezgif.com-animated-gif-maker.gif') no-repeat;

  background-size: cover;

  display: block;
  width: 180px;
  height: 180px;
  z-index: 999;
  position: absolute;
  top: -95px;
  left: -90px;

</style>

<img src="https://i.postimg.cc/DfNqW462/2024-04-12-005-Kleki.png"/><img src="https://i.postimg.cc/tJsW-S9qQ/2024-04-12-006-Kleki.png"/><img src="https://i.postimg.cc/zBtTFy1F/2024-04-12-007-Kleki.png"/><img src="https://i.postimg.cc/Vs3PK4g2/2024-04-12-00a-Kleki.png"/>

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&family=Press+Start+2P&display=swap');

p{
  font-family: 'PT Mono', monospace;
  font-size: 90%;
  color: #7595ff;
}
h1,h2,h3,h4,h5{
  font-family: 'Press Start 2P', cursive;
  font-size: 70%;  
  color: #7595ff;
}
    .top{
    background-image: url('https://64.media.tumblr.com/1b8a93c17504b262574c58ad7b41381f/18efeb11e4220549-9b/s400x600/6ec2a94f828b8004fa4db8b12fa12b5fa46dbec9.jpg') !important;
        
    }
    
  body {
   background-image: url(https://64.media.tumblr.com/9c59dddfbf6153bfd154dc745b87f793/18efeb11e4220549-36/s1280x1920/0bf54d453c4ffb23573f44b2c69accf479580c2e.jpg);

}
    .top input{
        
    background-color: #7595ff !important;
    }
    button{
    background-color: #7595ff !important;
    }
    main .right,
    main .left{
        background-color: rgba(9, 29, 144, 0.52);
        border: 1px dashed blue;
    }
    main{
      background-color: transparent;
  }
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-image: url('https://64.media.tumblr.com/bcc62c8d7ad034197995be67c8d908fb/18efeb11e4220549-d1/s500x750/4d5b4b31f9466bcd99e0fb0dac18a1f0fbf7b5a4.gifv');
   color: #7595ff;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-image: url('https://64.media.tumblr.com/bcc62c8d7ad034197995be67c8d908fb/18efeb11e4220549-d1/s500x750/4d5b4b31f9466bcd99e0fb0dac18a1f0fbf7b5a4.gifv');
   color: #7595ff;
}

.blog-preview h4{
    background-image: url('https://64.media.tumblr.com/bcc62c8d7ad034197995be67c8d908fb/18efeb11e4220549-d1/s500x750/4d5b4b31f9466bcd99e0fb0dac18a1f0fbf7b5a4.gifv');
    color: #7595ff;
    
    
}
table.comments-table{
display: block;
height: 200px!important;
overflow-y: scroll;}

footer {
    border-radius: 15px;
    background-image: url(https://64.media.tumblr.com/1b8a93c17504b262574c58ad7b41381f/18efeb11e4220549-9b/s400x600/6ec2a94f828b8004fa4db8b12fa12b5fa46dbec9.jpg);
    color: #7595ff;
    border: 1px dashed blue;
}

table.comments-table{
    color: #7595ff;
    border: 1px dashed blue;
    
}
    a{
        
    color: #4d35ff !important;
    font-family: 'PT Mono', monospace;
        
    }
    a:hover{
        
    color: #e447ff !important;
        
    }
    a:visited{
        
    color: COLOR !important;
        
    }
    .top a{

    color: #4d35ff !important;

    }
    .top a:hover{

    color: #e447ff !important;

    }
    .top a:visited{

    color: COLOR !important;

    }
    .links a{
    
    color: #4d35ff !important;
    
    }
    .links a:hover{

    color: #e447ff !important;

    }
    .links a:visited{

    color: COLOR !important;

   }
    .friends-grid p{
        
    color: #4d35ff !important;
        
    }
    .comments-table p{
        
    color: #7595ff;
    
    }
    footer .links a{

    color: #4d35ff !important;

   }
    footer .links a:hover{

    color: #e447ff !important;

   }
    footer .links a:visited{

    color: COLOR !important;

   }

:root {
    --logo-blue: #7595ff;
    --darker-blue: #DD536F;
    --lighter-blue: black;
    --even-lighter-blue: url(https://64.media.tumblr.com/bcc62c8d7ad034197995be67c8d908fb/18efeb11e4220549-d1/s500x750/4d5b4b31f9466bcd99e0fb0dac18a1f0fbf7b5a4.gifv);
    --lightest-blue: transparent;
    --dark-orange: #7595ff;
    --light-orange: url(https://64.media.tumblr.com/1b8a93c17504b262574c58ad7b41381f/18efeb11e4220549-9b/s400x600/6ec2a94f828b8004fa4db8b12fa12b5fa46dbec9.jpg);
    --even-lighter-orange: transparent;
    --green: ;
}

/* 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: "༺︎☠︎︎༻"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "༺☆༻"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "༺☆༻"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "༺☆༻"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "༺︎☠︎︎༻"
}

.online{content:url("https://64.media.tumblr.com/2e06633939092d3533022195ab919d4a/18efeb11e4220549-7d/s75x75_c1/0391488280c4c10c03bb02db01bbceb665f8fc21.gifv");
}

    ::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(0, 89, 255, 1);
    }

    ::-webkit-scrollbar-track {
    background-color: black;
    }

</style>

<div class="snowflakes">
  <div class="snowflake">
   <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
     <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
  color: #27cff5;
  font-size: 2em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 0px rgba(0,0,0,0.7);
}

@-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>
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 20 of 124 comments ( View all | Add Comment )
_xxY0urn1ghtm@ares_xx	1764187106 USINGG >< Report Comment
Nicole's fault	1764101448 Using!! Report Comment
Dazai	1763871287 usinggg Report Comment
Alan	1763256650 usinggggg Report Comment
Bakedmongo	1763079178 using Report Comment
ailuu	1762635862 USING Report Comment
xXAlexTheNotSaneXx	1762558022 Using!!! Report Comment
MayahMaxx	1762549987 Imma useeee!! Report Comment
Femtanyl_(っ҂ཀ•)っ 🇧🇷	1762303647 using!! Report Comment
H0NEYCARAM3L	1762006592 usingg !!! Report Comment
y0yle_st4rz !!	1760759533 using :--D !! Report Comment
𖤐 ✦ 𝐁𝐫𝐚𝐝 ✦ ⛧	1760147982 Using! Report Comment
𝄞 yan ♫	1759359275 usando Report Comment
Bubbles	1758673270 using:) Report Comment
Tunafishbagel	1758563298 Using Report Comment
tiara_thegoofyidiut	1757169031 IM USING THIS!! Report Comment
ryleee!!	1756140685 usingggg Report Comment
oli	1755904998 mine. USINGG Report Comment
poptartxx	1754433646 using! Report Comment
⦻ JULIAN ⦻	1754272905 usinggg Report Comment