stay up here!!

Tags:
Description:

this one is taking a nap!! did you get any sleep or enough sleep? make sure that you take naps if needed, or try getting at least seven hours of sleep if you can't get eight, no less. us humans need a good night's sleep because it can effect mental and physical health!
Preview:

click on the image for a larger preview
Code:

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

<!-- (c) Layout created by genevive ౨ৎ ⋆｡˚ (https://layouts.spacehey.com/layout?id=100747) -->

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

<style>
a:hover{
 cursor: url('https://ani.cursors-4u.net/games/gam-16/gam1537.cur'), auto !important;
}
* {
 cursor: url('https://ani.cursors-4u.net/games/gam-16/gam1537.cur'), auto;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica+SC&display=swap');
</style>
<style>
@media(max-width: 600px){ 

.container{
  width:100%!important;
}
</style>

<style>
html:before {
    animation: grain 8s steps(10) infinite;
    background-image: url(https://media.istockphoto.com/photos/closeup-led-screen-display-abstract-background-with-copy-space-picture-id1151479341?k=20&m=1151479341&s=612x612&w=0&h=YILfC1WZZyk_IJ-5pyUhwqJ9nqSprBcbVKYktGv3v9g=);
    content: "";
    height: 300%;
    left: -50%;
    opacity:.1;
    position: fixed;
    top: -110%;
    width: 300%;
    pointer-events:none;
}
@keyframes grain {
 0%, 100% { transform:translate(0, 0) }
 10% { transform:translate(-5%, -10%) }
 20% { transform:translate(-15%, 5%) }
 30% { transform:translate(7%, -25%) }
 40% { transform:translate(-5%, 25%) }
 50% { transform:translate(-15%, 10%) }
 60% { transform:translate(15%, 0%) }
 70% { transform:translate(0%, 15%) }
 80% { transform:translate(3%, 35%) }
 90% { transform:translate(-10%, 10%) }
}

:root{
  --headers: #80c71f;
  --text: #dadada; 
  --names: #875a32;
  --links: 	#dadada;
  --font-family: 'Staatliches', cursive;
  --mynamesize: 35px;
  --transparency: 0.33;
  --curve: 12px;
  --hue: 0deg;
  --simple_bg: black;
  --topic1: "Pronouns";
  --topic2: "Hobbies";
  --topic3: "Music";
  --topic4: "Shows";
  --topic5: "Games";
  --topic6: "Youtubers";
}
h3, h4, h5, .url-info b{ color: var(--headers) !important;} 
a{color: var(--links) !important;} 
p, h2{color: var(--text) !important;} 
h1, .count, .friends a p{color: var(--names) !important;} 
nav label{color: var(--headers) !important;} 
.section h4{color: var(--names) !important;} 
.online{color: var(--links) !important;} 
.section{color: var(--text) !important;} 
.details p:last-child{color: var(--text);}
.blog-preview h4, h2, h3, h5{color: var(--headers)!important;}
}
.container{
    width:40%;
}
.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);
}

body{
    background: url('https://i.pinimg.com/originals/b5/7b/66/b57b666c6de1778896a77e25bad990bb.jpg') no-repeat center center
        fixed;
}

h1{
    color: #74740b; 
    font-family: 'Staatliches', cursive;
    font-size: 40px !important;
    text-shadow: 2px 2px 3px #7fa91c;
}
    .blurbs .heading{
        
    color: blue !important;
}
.top input{
        
    background-color: #80c71f !important;
}

nav{
    background-image: url('https://i.pinimg.com/474x/ac/32/13/ac32135250dea781aa32aed8177571d2.jpg');
    border: none;
    text-align: center;
}

nav .top{
    color: #80c71f;
}

nav .top, nav .links {
    background-color: transparent;
}
nav .links{
    border-top:1px solid #80c71f;
    border-bottom:1px solid #80c71f;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ♥";
    color: olive;
}

nav img.logo{
    filter: invert(65%) sepia(65%) saturate(483%) hue-rotate(42deg) brightness(162%) contrast(101%);
    height:30px;
}

.search-wrapper input[type=text] {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid #80c71f !important;
    color: olivedrab !important;
}

button{
    border: 0px solid #dadada !important;
    font-family: 'Staatliches', cursive;;!important;
    background-color:rgba(0, 0, 0, 0.0) !important;
    color: darkolivegreen !important;
    background-color: #80c71f !important;
    color: #80c71f;
}

.online{
    margin:auto;
    padding-bottom: 5px;
    content: url(https://dl.glitter-graphics.com/pub/104/104607x61kd02dl0.gif);
}

a, p, nav label, .section{ 
    font-family: var(--font-family);	
    font-size: 15px!important;
    font-weight: 1;
}
h2, h3, h5{
    font-family: var(--font-family);
    font-size: 13px!important;
    font-weight: 1;
}

hr{
    height:1px;
    background: olivedrab;
    border: none!important;
}

.blurbs, .mood, .friends, .contact, .profile .table, .blog-preview, .profile .table-section{
    color: olive;
    border: var(--borders)!important;
    background-color: rgba(0, 0, 0, 0.13) !important;
    text-shadow: 1px 1px black !important;
}
.comment-replies{border:1px solid olivedrab;} 
.comment-reply:not(:first-child){border-top: 4px double olivedrab;}
.comment-reply p{
 margin: 0;
 text-align: left;
}

td{
    background-color: transparent!important;
    text-shadow: 1px 1px black !important;
}

main{
    background: transparent;
    border: transparent;
    outline: none;
}

.table-section{
    border:none !important;
}

.profile .contact .heading, .profile .table-section .heading,.home-actions .heading, .profile .friends .heading{
    background-color: #71A845;
    background-size: contain;
    border: 2px solid darkolivegreen;
    font-family: 'Staatliches', cursive;
    font-size: 17px!important;
    font-weight: bold;
    color: #71A845;
    text-align: center;
    text-shadow: 1px 1px 5px black;
}

.profile-info {
    background-color: transparent !important;
    border:none !important;
}

.profile-pic img{
    background-color: #4a6024;
    background-size: 30%30%;
    padding:4px;
    border: 3px solid #71A845;
}
.profile-pic {
    margin:auto;
}
.friends-grid{
    text-align: center;
}
.profile .friends .person img:not(.icon){
    border-radius: var(--curve) !important;
    height:100px;
    width:100px;
}


.contact .inner a img {
 font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add me */
	content: "🏹"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* faves? */
	content: "🎣"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chit chat */
	content: "⚔️"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forwardd */
	content: "⚒️"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant chat */
	content: "🐑"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: "🐄"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* group me */
	content: "🍄"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "🌼"
}

.comments-table {
    display: block;
    height: 600px!important;
    border: 0px solid #71A845 !important;
    outline: none !important;
    border-radius: none;
    padding: 5px;
}
.comments-table td:first-child *{
    color: var(--text);
}
.comments-table td{
    border: 2px solid #71A845;
    padding:10px;
    border-radius: 0px;
}

footer{
    background: transparent;
}
footer a{
    color: #71A845;
}
footer p{
    color: #71A845;
}

.blurbs .heading {display:none;} 
.url-info {display:none;} 
.blog-preview h4 {display:none;} 
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/aBkTkxKDduc?start=98//?&;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.
Comments

Displaying 0 of 0 comments ( View all | Add Comment )