supermental promo 3

Tags: supermental, khonjin, khonjin house
Description:

this looks terrible on mobile btw

comment if using feel free to edit blah blah blah.
Preview:

click on the image for a larger preview
Code:

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

<style>
    body{
        
    background-color: #5ECBE2 !important; 
    background-image: url('https://file.garden/ZGq2RWLYvB6VkJTh/Supermental%20Promo%203%200-18%20screenshot.png') !important;
    background-attachment: fixed !important;
    background-repeat: NO-REPEAT !important;
    background-position: center !important;
    background-size: cover
        
    }
</style>


<style>

main{

border: 7px black solid;
border-radius: 30px;
padding: 10px;
background-color: #785CFE;

</style>

<style>.container{width: 1000px !important;}</style>

<style>

.links{

background-color: transparent !important;
text-align: center;
margin: 5px !important;
color: white;

</style>

<style>

.top{ 

border: 7px black solid;
border-radius: 30px;

</style>

<style>

footer{

background-color:transparent;

</style>


<style>

    nav .top {
        background-image: url('https://file.garden/ZGq2RWLYvB6VkJTh/Supermental%20Promo%203%200-37%20screenshot.png');
        height: 300px;
        background-size: 1000px;
        background-position: top;
        position: relative;
        margin-bottom: 10px;
        display: block;

 } 

</style>

<style>

.blurbs{

border: 2px solid #3B259E;
border-radius: 20px;
padding: 10px;
background-color: #DEF8F6;

</style>

<style>.blurbs .heading{display: none !important;}</style>

<style>

.blog-preview{

border: 2px solid #3B259E;
border-radius: 20px;
padding: 10px;
background-color: #DEF8F6;

</style>

<style>

.general-about{

border: 2px solid #3B259E;
border-radius: 20px;
padding: 10px;
height: 200px;
margin-bottom: 15px;
background-color: #DEF8F6;

</style>

<style>

.profile h1{

text-align: center;
font-size: 40px;

</style>

<style>

.friends-grid{

border: 2px solid #3B259E;
border-radius: 20px;
background-color: #DEF8F6;
padding: 10px;
padding-left: 20px;

</style>

<style>

.comments-table{

border-radius: 20px;
background-color: #DEF8F6;
border: 2px solid #3B259E;
padding: 10px;

}

    .comments-table td{

border-radius: 20px;
background-color: #DEF8F6;
border-color: transparent;
padding: 10px;

</style>

<style>

.comments-table td:first-child{

background-color: #DEF8F6;
border-right: 1px solid #3B259E;
border-radius: 30px 0px 0px 30px

</style>


<style>

.profile .friends .heading {


display: none !important;

</style>

<style>

.contact{

background-color: #DEF8F6;
border-radius: 20px;
padding: 8px !important;
border: 2px solid #3B259E !important;

}

.contact .heading{

background-color: transparent !important;
color: #220B43 !important;
padding: 10px !important;

</style>

<style>.url-info{display: none !important;}</style>

<style>

.table-section{

border-radius: 20px;
border: 2px solid #3B259E !important;
background-color: #DEF8F6

}

.table-section .heading{

background-color: transparent !important;
color: #220B43 !important;
padding: 15px !important;

</style>


<style>
    table.details-table{
        
    background-color: #DEF8F6 !important;
    border-radius: 20px;

 }
    .profile .details-table td{
        
background-color: #DEF8F6;
padding: 10px;
border-radius: 20px;
color: #CD3232;
        
    }
</style>


<style>

:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #1D4ED8;
    --darker-blue: #CD3232;
    --lighter-blue: #60A5FA;
    --even-lighter-blue: #BFDBFE;
    --lightest-blue: #DBEAFE;
    --red: #FF0000;
    --dark-orange: #CD3232;
    --light-orange: #f9c56c;
    --even-lighter-orange: #fcdbb8;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}

</style>

<style>

main{

color: #220B43;

}

body{

color: #220B43;
font-size: 19px;

</style>


<style>
  @import url('https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@500&display=swap');
</style>

<style>
body{

font-family: 'Anek Devanagari', sans-serif;

}
</style>

<style>

.search-wrapper input[type=text] {
    background-color: transparent !important;
    border: 2px solid #1402751f !important;
    border-radius: 8px;
margin-left: 10px;
margin-right: 5px;
padding: 4.5px;


}

.top button{

border-radius: 8px;
border: 2px solid #1402751f !important;
background-color: transparent;
font-family: 'Anek Devanagari', sans-serif;
color: #220B43;
padding-left: 10px;
padding-right: 10px;

</style>

<style>

.top{

color: #220B43;

</style>

<style> 
.contact {
        background-image: url("")!important;
        background: ;
        
    }
    .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block

</style>


<style>

a:hover{
  text-decoration-color: ;
  text-decoration-style: wavy !important;
}

</style>

<style>

.blog-preview{

padding-left:20px;

</style>

<style>

.profile .friends .person p {

color:  #CD3232;

</style>

<style>

.online:before{
content: "Online!"!important;
color: #CD3232;
font-size: 17px;

}

.online{
font-size: 0px;

}

</style>

<style>.profile-info{display: none !important;}</style>

<style>
.profile .profile-pic img,
.profile .friends .person img,
.profile .comments-table td:first-child img {
	border-radius: 20px;
}
</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.
Comments

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