Alhaitham themed layout ˚ ༘ .˚✎୭ ˚. ᵎᵎ

Tags: green, alhaitham, genshin, animated
Description:

gagaggaga
Code:

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

<style>/* Profile Design Info */
  
  :root {
        --logo-blue: #4e7d45;
        --darker-blue:#4e7d45;
        --lighter-blue: #4e7d45;
        --even-lighter-blue: #FFFFFF;
        --lightest-blue: #FFFFFF;
        --dark-orange: #FFFFFF;
        --light-orange: #4e7d45;
        --even-lighter-orange: #FFFFFF;
        --green: #FFFFFF;
	}

main:before {
      background-image: url(https://64.media.tumblr.com/e251ac7b712801d99de7975788572b67/4264947a7264d395-0a/s1280x1920/e4bdaf799b3021a5bc60beb3b1e4eb069d7c0527.gifv);
      background-position: center center;
      background-size: cover;
display: block;
content: "";
    width: 99%;
    height: 220px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 8px;
  }
/*About Me Scrollbox*/
.profile .blurbs .inner {
    margin-left: 2px;
    margin-right: 2px;
    background-color: #FFFFFF;
    height: 500px;
    overflow: auto;
}

nav::before {
   content: "";
   background:  url(https://64.media.tumblr.com/e16bfab0e2104f3304dbf59c9280d72b/00039ecc2137bf6d-5e/s400x600/8a008deabde5c7c8f00800cf5510bf854c2db161.png);
background-size: 200px;
    position: fixed;
    float: right;
    display: inline;
    bottom: 0;
    right: 5px;
    height: 196px;
    width: 195px;
    margin-bottom: 10px;
    margin-right: 5px;
}

.general-about {
	background-image: url(https://dl.glitter-graphics.com/pub/363/363507hg7tsxnooe.jpg);
	padding: 2px;
	border-radius: 1px;
	box-shadow: 4px 4px 0 #4e7d45;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.col.left h1:before{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 100px;
  background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/f/f5/Item_Ideal_Circumstance.png/revision/latest?cb=20230118045930);
  background-repeat: no-repeat;
  background-size: 125px;
}
</style>



<style>
body{background:url(https://i.pinimg.com/originals/a7/84/0b/a7840b46505ca8d532a91dc824b52b82.gif) no-repeat fixed; background-size:cover;}

* {

}
.profile {
background-image:url(https://media.istockphoto.com/id/1299335572/photo/plastered-pastel-colored-wall.jpg?s=612x612&w=0&k=20&c=XHid04uAKudrTFlKoM3ziQn0qu10GOYvWPJYF8bmvag=);
  background-repeat: repeat;
    border-radius: 12px;
 </style>



<style>
::-webkit-scrollbar {
width: 16px
}

::-webkit-scrollbar:horizontal {
height: 17px
}

::-webkit-scrollbar-corner {
background: #eee
}

::-webkit-scrollbar-track:vertical {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%)
}

::-webkit-scrollbar-track:horizontal {
background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%)
}

::-webkit-scrollbar-thumb {
border: 1.5px solid #888;
border-radius: 3px;
box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
background-color: #eee;
}

::-webkit-scrollbar-thumb:vertical {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb)
}

::-webkit-scrollbar-thumb:horizontal {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb)
}

::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
display: block
}

::-webkit-scrollbar-button:vertical {
height: 17px
}

::-webkit-scrollbar-button:vertical:start:decrement {
background: white;
background-image: url("https://cdn.discordapp.com/attachments/904308736712138793/1001299199633141851/download.png");
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

::-webkit-scrollbar-button:vertical:start:increment {
display: none;
}

::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}

::-webkit-scrollbar-button:vertical:end:increment {
background: white;
background-image: url("https://cdn.discordapp.com/attachments/904308736712138793/1001299200052576387/87ae92e1-3894-4469-b1b9-aedf5f04975c.png");
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.blog-preview p:before { 
    content: " \2605 "; 
    margin: 5px; 
}
</style>


<style>



@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>
<style>
.logo {
   content: url(https://files.catbox.moe/epy2rw.png);
}
.profile .profile-info {
	background-image: url(https://dl.glitter-graphics.com/pub/564/564881exva8zn6tf.gif);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #4e7d45;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}
.contact {
  border-radius: 8px;
  background-image: url(https://dl.glitter-graphics.com/pub/564/564881exva8zn6tf.gif);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: black;
  text-shadow: 1px 1px 2px #4e7d45, 0 0 25px #4e7d45, 0 0 3px #4e7d45; 
}
</style>
<style>
.online{content:url("https://dl.glitter-graphics.com/pub/576/576022fvpsommjp7.gif");
}
</style>

<style>
table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "☘︎";
  --topic2: "Music";
  --topic3: "Movies";
  --topic4: "Television";
  --topic5: "Books";
  --topic6: "Video games";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}
</style>




<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-10/ani920.ani), url(https://cur.cursors-4u.net/anime/ani-10/ani920.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/04/13/cute-plant-dancing-kaoani.html" target="_blank" title="Cute Plant Dancing Kaoani"><img src="https://cur.cursors-4u.net/cursor.png" alt="Cute Plant Dancing Kaoani" style="position:absolute; top: 0px; right: 0px;"/></a>




<style>
/*Your icon*/

.general-about .profile-pic img {
  animation: dance .50s ease infinite alternate; }

/*Keyframes for your icon*/

@keyframes dance { 
  100% {
    transform:translateY(-20px);
  }
}
</style>
<style>

.url-info{
background: url(https://64.media.tumblr.com/d3b73f904030ee33ef78f5a2252958a9/5fa6ce861deaf48a-e3/s540x810/1a7a611768b21c920ad7ed0ddc41f9464c520bb8.gif);
background-position: center;
border-radius: 10px;
height: 200px;
border: 3px solid darkgoldenrod;
box-shadow: 0px 1px 2px 1px black;
}

.url-info p{
    opacity: 0.0;

</style>

<style>
@import url('https://fonts.cdnfonts.com/css/microsoft-sans-serif');
body 
{
    font-family: 'Microsoft Sans Serif', sans-serif;     
    -webkit-font-smoothing: none !important;                               
}
</style>

<style>
/* customizable snowflake styling */
.snowflake {
  color: white;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px black;
}
@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;user-select:none;cursor:default;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%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s}
</style>
<div class="snowflakes"><div class="snowflake">❀</div><div class="snowflake">❀</div><div class="snowflake">❀</div><div class="snowflake">❀</div><div class="snowflake">❀</div><div class="snowflake">❀</div><div class="snowflake">❀</div><div class="snowflake">❀</div><div class="snowflake">❅</div><div class="snowflake">❀</div><div class="snowflake">❀</div><div class="snowflake">❀</div></div>
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.