So I don't lose my layout

Tags:
Description:

Code:

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

<style>
main:before {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://i.pinimg.com/564x/db/7e/10/db7e107d19f0339d4f6958e78252e842.jpg');
 background-position: center center;
 background-size: cover;
}
main {
    background-image: url(https://i.pinimg.com/564x/4f/4a/a7/4f4aa7ffd39af2f67c48d481d01da84f.jpg);
    background-repeat: repeat;
    background-size: 100% ;
  }  
body
        {background: url("https://wallpapercave.com/wp/wp2280996.jpg")
        no-repeat fixed; background-size: cover;
     }
     }
    padding: 5px;
    font-size: 80%;
    color: var(--light-orange);
  }
  </style>
<style>
footer {
        border-radius: 15px;
background-image: url(https://i.pinimg.com/236x/07/a1/60/07a1608627e17e70da5be58e56a134ac.jpg);
</style>
<style>
@import 
url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
:root {
  --font-family: monospace;
  --mynamesize: 25px
;}
  h1, h2, h3, h4, h5, a, p, nav label, .section{ 
font-family: var(--font-family) !important; 
 text-shadow: !important;
 text-transform:!important;
}
h1, h2, h3, h4,h5,a, p, nav label, .section {color: black;}
h1 {
  color: black ;
}
table, th, td {
  border: none ;
}
:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: ;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: white;
    }
.profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none ;
    }
   a.ditto-link {
        display: block;
        margin: 10px 0;
        color: #cc3e3e;
        font-size: 1.4rem;
        font-weight: bold;
        animation: blinker 1s linear infinite;
    }
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: white !important;
        border-bottom: 2px solid;
    }
    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }
    table.comments-table td {
        background-color: !important;
    }
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
    .profile .friends .person img {
        border-radius: 500px;
    }
    .blog-preview p {
        font-size: 1.4rem;
    }
</style>


 


<style>* { cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZEDH/GRAx/xkQMf8ZEDH/GRAx/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGRAx/xkQMf8ZEDH/GRAx/xkQMf8ZEDH/GRAx/xkQMf8ZEDH/GRAx/xkQMf8ZEDH/GRAx/xkQMf8ZEDH/GRAx/xkQMf8ZEDH/GRAx/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkRMNUZETDVGREw1RkRMNV/hof/f4aH/3+Gh/9/hof/f4aH/3+Gh/9/hof/f4aH/3+Gh/9/hof/f4aH/3+Gh/9/hof/f4aH/3+Gh/9/hof/f4aH/3+Gh/9/hof/GREw1RkRMNUZETDVGREw1QAAAAAAAAAAAAAAAAAAAAAAAAAAGRAx/xkQMf8ZEDH/GRAx/3+Hhv9/h4b/f4eG/3+Hhv9/h4b/gIeG/3+Hhv9/h4b/f4eG/3+Hhv9/h4b/f4eG/3+Hhv9/h4b/f4eG/3+Hhv9/h4f/f4eG/3+Hhv8ZEDH/GRAx/xkQMf8ZEDH/AAAAAAAAAAAAAAAAAAAAABkQMf+Pmpj/AP0z/wD/M/+Pmpj/rf++/4+rl/9/h4b/AP8z/3+Hhv+MpI3/rf++/3+Hhv8A/zP/AO40/3+Hhv+t/77/i4qC/3aSgf8A/zP/f4eG/63/vv+t/77/f4eG/wD/M/9IumP/f4eG/3+Hhv8ZEDH/AAAAAAAAAAAAAAAAAAAAABkQMf8ZEDH/GRAx/xkQMf+Pmpj/j5qY/4+amP+Pmpj/f4eG/3+Hhv9/h4b/f4eG/3+Hhv9/h4b/f4eG/3+Hhv9/h4b/f4eG/3+Hhv9/h4b/f4eG/3+Hhv9/h4b/GRAx/xkQMf8ZEDH/GRAx/wAAAAAAAAAAAAAAAAAAAAAAAAAAgn6MEIN+jBCEfowQg36MEDc0S/83NEv/NzRL/zc0S/8zL0b/My9G/zMvRv8zL0b/My9G/zMvRv8zL0b/My9G/zMvRv8zL0b/My9G/zMvRv8zL0b/My9G/zMvRv+CfowQg36MEIN+jBCEfowQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGRAx/xkQMf8ZEDH/GRAx/xkQMf8ZEDH/GRAx/xkQMf8ZEDH/GRAx/xkQMf8ZEDH/GRAx/xkQMf8ZEDH/GRAx/xkQMf8ZEDH/GRAx/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZEDH/AP8z/yz5Vf+t/77/AP8z/wD/M/8A/zP/AP8z/wD/M/8A/zP/AP8z/wD/M/8ZEDH/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZEDH/C0ck/wD/M/+t/77/AP8z/wD/M/8A/zP/AP8z/wD/M/8G8zb/GRAx/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYVzPnD1As/zD7Wf99/pj/Xv2A/wD/M/8A/zP/D1As/xhXM+cAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZEDH/AP8z/63/vv+J/aP/AP8z/wD/M/8ZEDH/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZEDH/GRAx/xkQMf8ZEDH/GRAx/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkQMf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZEDH/AP8z/xkQMf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkQMf9e/YD/AP8z/xkQMf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGRAx/4n9o/+J/aP/Xv2A/xkQMf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZEDH/rf++/63/vv+J/aP/AP8z/xkQMf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkQMf8ZEDH/GRAx/xkQMf8ZEDH/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////////////////////////////////////////////////////4P//8AAB/wAAAB8AAAAeAAAADwAAAB/wAAH/8AAB//4AD///AB///4A////Af///4P/////////////////+/////H////w////8H////A////wf///8='), auto; }</style>








<style>
nav img.logo {
 content:url("https://64.media.tumblr.com/3717f7b3f1e9dd0caa753d09dd3e5a9f/7f6cec2f3fada207-e0/s1280x1920/e17597d77d4f2f72042c0f0c29359500e3bc4beb.pnj");
    }
</style>








<div class="box"><b>

<style>

.box{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none; 
}

.box b {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url("https://i.pinimg.com/originals/81/6b/f0/816bf03234d66f330997c0283d03f518.gif");
  background-size: cover;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate;
  -moz-animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate;
  -o-animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate;
  animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate;
}

-webkit-keyframes moveX {
  from { left: 0; } to { left: calc(100% - 50px); } /* Adjust the 'to' value to make the element move horizontally */
}
@-moz-keyframes moveX {
  from { left: 0; } to { left: calc(100% - 50px); }
}
@-o-keyframes moveX {
  from { left: 0; } to { left: calc(100% - 50px); }
}
@keyframes moveX {
  from { left: 0; } to { left: calc(100% - 50px); }
}

@-webkit-keyframes moveY {
  from { top: 0; } to { top: calc(100% - 50px); } /* Adjust the 'to' value to make the element move vertically */
}
@-moz-keyframes moveY {
  from { top: 0; } to { top: calc(100% - 50px); }
}
@-o-keyframes moveY {
  from { top: 0; } to { top: calc(100% - 50px); }
}
@keyframes moveY {
  from { top: 0; } to { top: calc(100% - 50px); }
}

</style></b></div>







<style>

li.active .icon { content:url('https://64.media.tumblr.com/ffb2b648c6f6c5c44f90a31e6716b3d3/c68179a6dd7690a2-4d/s400x600/ec71d7af6e83e30d97ea8d31242567073af254fe.pnj'); width: 20PX;height: 20px;}

</style>











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















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






<style>

.general-about img {-webkit-mask-image: url( https://i.postimg.cc/90zG2tXs/911-sin-t-tulo-20240530180740.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>



<style>

.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/90zG2tXs/911-sin-t-tulo-20240530180740.png );-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<style>



.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/90zG2tXs/911-sin-t-tulo-20240530180740.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}



</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 )