simple blue

Tags: simple, cute, blue, kawaii, emo, goth, pastel, light, uwu, sky

Description:

just a simple pastel blue layout design i guess

feel free to customize it to your liking <3

please keep the credits in!!!

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap');

body{
    background-image: var(--background_image) !important;
    background-color: #66b0ff !important;
    background-repeat: repeat;
    background-size: 120px;}

nav .top{
background-color: #94cbff;
border-radius: 20px;
border: 2px solid #afd2fa;
box-shadow: inset 2px 3px 5px #afd2fa;
margin: 1em 0;
}

nav .links{
background-color: #62b6e7;
border-radius: 20px;
border: 2px solid #91d1fe;
box-shadow: inset 2px 3px 5px #91d1fe;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

nav .links li::after{
display: none;
}

main{ 
background-color: #94cbff;
border-radius: 20px;
border: 2px solid #c3ddff;
box-shadow: inset 2px 3px 5px #afd2fa;
margin: 1em 0;
padding: .5em;
opacity: .9;
}

.profile h1{
font-family: 'Kalam', cursive;
color: white;
text-shadow: 1px 1px 2px #387aac;
font-size: 25px;
}

.online{
font-family: 'Kalam', cursive;
color: white;
font-size: 20px;
text-shadow: 1px 1px 2px #387aac;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}

.profile .profile-info{
border-radius: 20px;
border: 2px solid ##c3ddff;
box-shadow: inset 2px 3px 5px #afd2fa;
text-shadow: 1px 1px 2px #7638ac;
color: white;
background-image: url(https://i.gifer.com/DXp.gif);
background-repeat: no-repeat;
background-size: cover;
}

.profile .general-about{
color: white;
font-style: italic;
text-shadow: 1px 1px 2px #387aac;
}

.profile .blog-preview,
.profile .mood{
color: white;
font-style: italic;
}

.profile .profile-pic img{
border-radius: 20px;
box-shadow: 1px 1px 2px #387aac;
opacity: 1;
}

.profile .contact .heading,
.profile .table-section .heading{
font-family: 'Kalam', cursive;
color: white;
background-color: #62b6e7;
border-radius: 20px 20px 0 0;
border: 2px solid #62b6e7;
box-shadow: inset 2px 3px 5px #91d1fe;
text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
border-radius: 20px;
border: 2px solid #afd2fa;
box-shadow: inset 2px 3px 5px #afd2fa;
text-shadow: 1px 1px 2px #387aac;
font-style: italic;
color: white;
}

table.details-table td {
background-color: transparent !important;
color: white !important;
font-style: italic !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: white;
font-family: 'Kalam', cursive;
background-color: #62b6e7;
border-radius: 20px 20px 0 0;
border: 2px solid #62b6e7;
box-shadow: inset 2px 3px 5px #91d1fe;
text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .blurbs,
.profile .friends{
border-radius: 20px;
border: 2px solid #afd2fa;
box-shadow: inset 2px 3px 5px #afd2fa;
text-shadow: 1px 1px 2px #387aac;
font-style: italic;
color: white;
}

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

.profile .friends-grid .person p{
color: white;
}

.profile .blurbs .section h4{
color: white;
padding: .5em;
}

.profile .comments-table{
background-color: #62b6e7;
border-radius: 20px;
border: 2px solid #91d1fe;
box-shadow: inset 2px 3px 5px #91d1fe;
font-style: italic;
color: white;
}

.profile .comments-table td{
background-color: transparent;
}

.profile .comments-table .comment-replies{
background-color: #62b6e7;
border-radius: 20px;
border: 2px solid #91d1fe;
box-shadow: inset 2px 3px 5px #91d1fe;
font-style: italic;
color: white;
}

.comments-table img,
.person img{
border-radius: 20px;
box-shadow: 1px 1px 2px #387aac;
filter: sepia(100%) hue-rotate(299deg);
opacity: .5;
}


footer{
background-color: #62b6e7;
border-radius: 20px;
border: 2px solid #91d1fe;
box-shadow: inset 2px 3px 5px #91d1fe;
font-style: italic;
color: white;
}

.count{
color: #62b6e7;
}

a{
color: #daedff;
text-shadow: 1px 1px 2px #387aac;
}

a:visited {
color: #daedff;
text-shadow: 1px 1px 2px #387aac;
}

a:hover {
color: white;
}

a:active {
color: #daedff;
text-shadow: 1px 1px 2px #387aac;
}

nav .links a:hover{
text-decoration: underline;
color: #daedff;
}

</style>


layout made by r1n!! spacehey.com/r1n

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 20 of 42 comments ( View all | Add Comment )

kens :3	1763089982 using,,thx Report Comment
joy	1757094269 using Report Comment
Spr3ad_	1756415039 Using!! Report Comment
jarjar	1753827590 usingg Report Comment
bunny !!	1751724908 using !! Report Comment
methazine	1750377538 might use Report Comment
SH☆UN	1749191849 using!! Report Comment
kelseyxx	1748409014 using Report Comment
⊹ ࣪ ˖ stup1db0y ˖ ࣪⊹	1744059672 usinggg (please when u can do a kaito ) Report Comment
Dymi	1743821388 Usingg Report Comment
dani	1741467581 usingngng Report Comment
otaiiu	1738286229 Using it Report Comment
d1scount exterminator	1735589379 Using Report Comment
Chigiri.fan	1729536005 using Report Comment
necrocervidae	1720739218 using !! <3 Report Comment
necrocervidae	1720739217 using !! <3 Report Comment
necrocervidae	1720739217 using !! <3 Report Comment
necrocervidae	1720739214 using !! <3 Report Comment
Finn/Angel	1718664657 Using! Report Comment
Kaden	1717303346 Usingg Report Comment