satosugu layout 🙏

Tags: gojo, getou, jjk

Description:

feel free to edit anything and everything :3 (no need 2 comment if using)

Preview:

click on the image for a larger preview

Code:

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

<style>
.logo {
content:url("https://i.pinimg.com/originals/c1/db/6e/c1db6e6d9e6bc570266b0c76038c630b.jpg");
}
main:before {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://i.pinimg.com/originals/37/e4/13/37e413435111f71645600ac3e7561fcd.jpg');
 background-position: center center;
 background-size: cover;
}
  
.online { visibility: hidden; } .online img { content: url("https://i.pinimg.com/originals/35/9d/2a/359d2aa0b1d6e0cf8708df7a633e8036.jpg"); animation-name: none; visibility: visible; height: 90px; width: 90px; }
  main {
      border-style: solid;
  }
  </style>

<style>
/*hovr animations*/
img, .friends img{
  overflow: hidden;
  margin: auto;
  transition: all 0.5s;

}

img:hover, .friends img:hover{
  transform: scale(1.3) rotate(12deg);
  webkit-filter: blur(1px); /* Chrome, Safari, Opera */
  filter: blur(1px);

}

</style>

<style>

nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(237,192, 203, 0.3);
}

nav { background-image: url(); }

body
        {background: url("https://i.pinimg.com/originals/33/7c/59/337c59c3099b169b1ccf203f667d871f.jpg")
        no-repeat fixed; background-size: cover;
</style>     

<style>

.contact a{
    color: black!important;
    text-shadow: 1px 1px 3px black!important;
}
.profile .contact .heading{display:none;}

.contact{
    background: url('https://i.pinimg.com/originals/f3/1b/44/f31b44d8c3bf8583edecfbe895541014.jpg');
    background-size: cover;
    border: 5px double #000000 !important;
}
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block;
}
.url-info{
    background: url('https://i.pinimg.com/originals/35/17/88/351788b48952e76375f832f1eacc8774.jpg');
    background-size: 100%100%;
    background-position: center;
    height: 100px;
    border: 5px double #ffffff !important;
</style>

<style>
#comments{
    background: url('https://i.pinimg.com/originals/b6/31/b3/b631b3b393303e5d641756da73ff2237.png'), rgba(255, 228, 225, 0.9);
    background-position: bottom center;
    background-repeat-y: no-repeat;
}
.comments-table {
    text-align: left!important;
    display: block;
    height: 600px!important;
    overflow-y: scroll;
    border: 1px solid red !important;
    outline: none !important;
    padding: 0px;
    margin: 0px;
}
.comments-table td {
    background-color: transparent!important;
</style>

<div style="float:  ; max-height: 400px; position: fixed; right: 10px; bottom: 10px; z-index: 200;">
<img src="https://i.pinimg.com/originals/9b/21/8b/9b218bf3e61d817874338c5bb8c6ccde.png" width="300" height="300"/></div>

<div style="float:  ; max-height: 400px; position: fixed; left: 10px; bottom: 10px; z-index: 200;">
<img src="https://i.pinimg.com/originals/70/5f/77/705f777738d3a14b0934a168ac81d211.jpg" width="300" height="300"/></div>

<div style="float:  ; max-height: 400px; position: fixed; right: 10px; top: 10px; z-index: 200;">
<img src="https://i.pinimg.com/originals/dd/5b/4e/dd5b4eb5b4d13005734e9f91243c13b6.jpg" width="300" height="300"/></div>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://64.media.tumblr.com/26718a7b28ec906dee6f689ddf51d216/dc6175a9cb6d9ae0-ca/s640x960/52b2c589d54b215165b3125620c2e017c9d5a2cc.gifv');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

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

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.