Alter Ego Es Layout

Tags: alter ego, es, black, white, books, game, anime
Description:

I made layout of Es from Alter EGO game. Hope u like it!! And also don't forget to credit me!
Preview:

click on the image for a larger preview
Code:

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

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

<style>
    body
        {background: url("https://preview.redd.it/4tq6wz04obv51.jpg?width=2220&format=pjpg&auto=webp&s=db4ab70c9c59cadc6337a1c46b40166851d6a09e")
        no-repeat fixed; background-size:cover;
}
    main{
    background-image: url('https://cdn.wallpapersafari.com/80/17/TZxt1s.jpg') !important;
        
    }
    .top{
    background-image: url('https://c0.wallpaperflare.com/preview/466/892/921/prague-czechia-dark-gothic.jpg') !important;
     border-radius: 15px;
    }
.profile-pic {
    background: #fff;
    padding: 5px 5px 196px;
    box-shadow: 3px 3px 10px silver;
    height: ;
    transform: rotate(deg); 
    filter: grayscale(8%);
}
footer{
    background-image: url('https://i.pinimg.com/564x/81/25/43/8125437e462adc5bc5eccfefcdac1aa6.jpg') !important;
    border-radius: 15px;
    
        
    }
 .heading{
        
    background-color: transparent !important;   
    }
:root {
  --light-gray: #f2f0f0;
  --gray: #e3e3e3;
  --dark-gray: #919191;
  --darker-gray: #545454;
  --logo-blue: black;
  --darker-blue: #3AC8DF;
  --lighter-blue: transparent;
  --even-lighter-blue: transparent;
  --lightest-blue: transparent;
  --red: #00DBFF;
  --dark-orange: #07E2ED;
  --light-orange: transparent;
  --even-lighter-orange: transparent;
  --strange-yellow: #dbae2e;
  --green: #34D399;
  --light-green: #E6F8DD;
  --medium-green: #A0C99C;
  --dark-green: #059669;
}
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}

.col, main, footer, nav::before{
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
</style>
<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://media.tenor.com/JqRDC7LiCTIAAAAC/bubble-text-alter-ego.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
</style>
<style>
  @import url('https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap');
</style>
<style>body{font-family: GFS Didot !important;}</style>
<style>body{color: white !important; border-radius: 0 0 15px 15px;}</style>
<style>main{color: white !important; border-radius: 0 0 15px 15px;}</style>
<style>.online{content: url("http://www.myspacegens.com/images/online_now/303.gif") !important;}</style>
<style>body { cursor: url('data:image/x-icon;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////////+/+//+D/B/+AfgP/gDwD/4A8Af+AGAH/ABgA/wAIAP8AAAD/AAAA/4AAAf/gAAH/AAAA/gAYAP4AMAD+ADwAfgB8AP4A/gB+AP8AfAH/gDgH/8AQD//wCD///B//////////////////////////8='), auto; }</style>
<style>
li.active .icon { 
    content:url('https://pixelbank.neocities.org/decome/decorative/6c288d5d.gif'); 
    width: 16.8px;
    height: 16.8px;
    }
</style>
<style>
nav::before {
   content: "";
   background:  url(https://stickershop.line-scdn.net/stickershop/v1/product/7631967/LINEStorePC/main.png);
   background-size: 200px;
   position: fixed;
   float: right;
   display: inline;
   bottom: 0;
   right: 5px;
   height: 200px;
   width: 200px;
margin-bottom: 10px;
}
</style>

<style>
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
 .profile .friends .person img {
        border-radius: 500px;
    }
</style>
<style>
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://media.tenor.com/QugUOw-LQKkAAAAd/es-alter-ego.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>
<style>body{font-size: 18px !important;}</style>
<style>
    .logo{
        
    background-color: COLOR !important;
    background-image: url('https://wallpaper.dog/large/5575977.jpg') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</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.