Spirit Phone Layout!!

Tags: lemondemon
Description:

for all the gays out there :) YOU CAN EDIT THIS TO YOUR LIKING, BUT CREDIT ME OR COMMENT ON THIS POST SO I KNOW YOU'RE USING IT PLS!!
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by Jaxson/Lappy 486 (https://layouts.spacehey.com/layout?id=24525) -->

<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/47aaef5647b1e0f476e2776266063c90/7ebe675df98ea809-d2/s400x600/5bb40fcc2d60e23a92f075e621c301f92424579c.gifv');
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>

@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap');
body{font-family: 'Crimson Text', serif;}

</style>



<style>

/*cool cursor :O*/

/* from: https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/cursors/cur-2/cur117.cur), auto !important;} 

</style>


<style>
 /*the nitty gritty. :((*/

.blurbs .inner .section:last-of-type h4{
font-size:0;
}
.blurbs .inner .section:last-of-type h4:after{
content:"Particular specimens:";
font-size:.8rem;

}

img.logo{
      content: url("https://64.media.tumblr.com/bf55a3d36befd12c21d6cfc652af2126/tumblr_pnpejw0sVq1rcth22o1_1280.png");
      width: 90px !important;
      height: 85px !important;

}


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

    ::-webkit-scrollbar-thumb {
    background: rgba(80, 80, 80);
    }

    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);


}

.url-info{display:none !important;}

}

.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: ""; font-size:.8rem; 

}

.blurbs .heading{display:none !important;}

</style>

<style>

.container {
width: 55%;
max-width: 1600px;

}

body {
   background: url(https://i.imgur.com/CvPi4HD.jpg);
  height: 100%;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;

}

main {
   background: none;

}
        
  .top{
        
    color: #ffffff;
        
    }    
    main{

    color: #ffffff !important;
        
    }
    footer{
        
    color: #ffffff;


}

 a{
        
    color: #ff2d00 !important;
        
    }
    a:hover{
        
    color: #a01c00 !important;
        
    }
    a:visited{
        
    color: #ff2d00 !important;
        
    }
    .top a{

    color: #ff2d00 !important;

    }
    .top a:hover{

    color: #ff2d00 !important;

    }
    .top a:visited{

    color: #ff2d00 !important;

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

    color: #ff2d00 !important;

    }
    .links a:visited{

    color: #ff2d00 !important;

   }
    .friends-grid p{
        
    color: #ff2d00 !important;
        
    }
    footer .links a{

    color: #ff2d00 !important;

   }
    footer .links a:hover{

    color: #ff2d00 !important;

   }
    footer .links a:visited{

    color: #ff2d00 !important;


}

.blurbs {
   background: rgba(63, 2, 2, 1);
   border: 0px dashed #A92508;
   box-shadow: 0px 0px 0px 0px #f6ff00

}

.blog-preview {
   padding: 5px;
   background: rgba(0, 0, 0, 1);
   border: 0px dashed #A92508;
   box-shadow: 0px 0px 0px 0px #f6ff00;
   
}

.profile h1 {
   text-align: center;
   font-size: 25px;
    background: url(https://i.imgur.com/cq5awx3.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style:

}

.profile-info {
   background: rgba(215, 11, 11, 0.93);
   border: 0px dashed #A92508;
   box-shadow: 0px 0px 0px 0px #f6ff00;

}

.general-about {
   background: rgba(215, 11, 11, 0.93);
   border: 0px dashed #A92508;
   box-shadow: 0px 0px 0px 0px #f6ff00;
   padding: 15px;

}

.online {
    content: url(https://64.media.tumblr.com/9c67911b18ff3483b2941f91647fa623/1571aed42f97ba8d-4a/s75x75_c1/10cc915a80f0bc4da07cd5bbff2a5d61b847235a.gifv);

}

.contact {
   background: rgba(215, 11, 11, 0.93);

}

.url-info {
   background: rgba(215, 11, 11, 0.93);
   
}

.table-section {
   background: rgba(193, 51, 51, 1);
}

.friends {
   background: rgba(193, 51, 51, 1);

}

.comments-table{
   background-image: url(https://imageio.forbes.com/specials-images/imageserve/5ed68e8310716f0007411996/A-black-screen--like-the-one-that-overtook-the-internet-on-the-morning-of-June-2-/960x0.jpg?format=jpg&width=960);
    display: block;
    height: 300px !important;
    width: 350px;
    overflow-y: scroll;

}

div.top {
   background: url(https://64.media.tumblr.com/d9573aea3bf4d7386b42ddd516ea1ce6/e1b6fdc4f313ba68-29/s250x400/8d624cbc56196691b1e4dda0530fe1ab77f74a01.gifv);

}

.links {
   background: url(https://64.media.tumblr.com/0a8786b82ac69f82a7b48cd8be5e86bf/4e6835ee76cce588-72/s400x600/70779beea376243dd593da82a6934bd11f591724.jpg);
  
}

footer {
   color: #fff;
   background: url(https://64.media.tumblr.com/d9573aea3bf4d7386b42ddd516ea1ce6/e1b6fdc4f313ba68-29/s250x400/8d624cbc56196691b1e4dda0530fe1ab77f74a01.gifv);

}

.count {
    color: #ffd500
    font-style: normal;

}

:root {
    --yellow: #f6ff00;
    --dark-yellow: #ffd500;
    --darker-gray: #000;
    --logo-blue: #16ff00;
    --darker-blue: #00e8ff;
    --lighter-blue:#e60707;
    --even-lighter-blue: #e60707;
    --lightest-blue: #e60707;
    --dark-orange: #e60707;
    --light-orange: rgba(255, 255, 255, 0.6);
    --even-lighter-orange: #000000d1;
    --strange-yellow: #ff3c2e;
    --green: #ff3c2e;
    --dark-green: #b8241a;
    --red: #b8241a;

</style>


<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/c3fecd8f9fe473841a54f93c4df66e5f/9bc10fd884d85993-04/s75x75_c1/de0cd996c31d737e85cbd23bd6464a18028f7562.gifv"/></div>
</div>


<style>
    @-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.