lately i feel EVERYTHING

Tags: willow, black, minimal, gif, cool, guitar, cursor

Description:

extremely minimal lifE inspired profile layout. disabled interests & friends & nav bar. can be re-enabled if wanted, code is fairly organized

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Rock+3D&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shizuru&display=swap');



/*font stuff */

p{
    font-family: Shizuru;
    font-size: 12.5px!important;
    color: #F4F7F5;
}

h1{
    font-family: "Rock 3D";
    font-size: 250%!important;
    text-transform: uppercase;
    text-align: center;
    color: #F4F7F5;
    
}

h3{
    font-family: Shizuru;
    font-size: 12.5px!important;
    filter:drop-shadow(-11px 11px 56px #08090A)!important; 
}

h2,h4,h5,a{
     font-family: Shizuru;
    font-size: 12.5px!important; 
    color: #F4F7F5;
}

/* fun stuff (tne actual page styling)*/

/*hides literally all the unused elements */
.url-info{display:none !important;}
.table-section{display:none !important;}
#comments{display:none !important;}

.friends-grid{
    text-align: center;
}

.profile{
    padding: 5px 10px;
}

body{
    background: url(https://64.media.tumblr.com/d3977903e40cc3a4007b3b9dc393a762/8ab8ff7d3e5be90e-0a/s250x400/9b2e576e21e8b4b6b87bdf7eb408cd4500bc8476.gifv) no-repeat fixed; background-size:cover;
}

  nav {
        border-radius: 50px 5px 0 0;
        overflow: hidden;
    }
    
 nav .links {display:none!important;
}

.profile-pic img{
    border-radius: 15px;
    filter:drop-shadow(11px 11px 56px #08090A)!important;
}

main{
    background: #222823;
    padding: 6px 0px;
    background-size: 100%;
    background-position: center;
    filter:drop-shadow(10px 10px 10px  #08090A)!important;
    border-radius:0px 0px 50px 0px;
}



.heading{
    padding: 10px !important;
    filter:drop-shadow(-11px 11px 56px #08090A)!important;
    background-size: cover;
}

.mood, .blog-preview{
    text-align:center;
    text-decoration-color
    
}

/*root */
:root {
        --logo-blue: #222823;
        --darker-blue: #F4F7F5;
        --lighter-blue: #222823;
        --even-lighter-blue: #575A5E;
        --lightest-blue: #575A5E;
        --dark-orange: #F4F7F5;
        --light-orange: ;
        --even-lighter-orange: #F4F7F5;
        --green: #F4F7F5;
    }
    
nav img.logo{
    filter: brightness(0) saturate(100%) invert(42%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(96%) contrast(89%); !important;}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ⋮ ";
    color: var(--text);
}

footer{
    background-color: transparent;
    
}

/*cursor*/
a:hover{
    cursor: url('https://cur.cursors-4u.net/mechanics/mec-1/mec87.cur'), auto;
}
* {
    cursor: url('https://cur.cursors-4u.net/mechanics/mec-1/mec87.cur'), auto;
}

</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.