carrd-style brown coffee themed layout

Tags: cute, brown, light brown, white, simple, custom cursor, scrollbox

Description:

this was supposed to be minimalistic but i ended up w this
pls comment if ur gonna use!! includes a custom cursor and a scrollbox for the main part

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=81360) -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
h1{
  font-family: 'Press Start 2P', cursive;
}

body{
  background: url(https://i.pinimg.com/736x/e4/55/5b/e4555b32bf8db891c85e8870ecddd1f7.jpg);
  background-position: center;
  background-repeat: repeat;
  background-size: 400px;
  filter: sepia(20%);
  filter: blur(.5px);
}

main{
  background: white;
  border: #E9B6A3 5px dashed;
  border-radius: 30px;
  box-shadow: -5px 5px 25px brown;
  color: brown;
  font-weight: bold;
  opacity: 85%;
  height: 700px;
  overflow-y: scroll;
  filter: grayscale(20%);
  text-align: right;
}

nav .top{
  background: url(https://th.bing.com/th/id/R.2e16df0b112ce0af8c9a3c126194c7da?rik=ZR1QKVWT8xqQeQ&pid=ImgRaw&r=0);
  background-position: center;
  background-repeat: repeat;
  background-size: 10em;
  height: 70px;
  color: white;
  border-radius: 30px;
  margin-top: 20px;
  margin-bottom: 30px;
}

nav .links{
  background: transparent;
  color: white;
  border-radius: 30px;
  margin-bottom: 20px;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

    content: "☕" ;

    font-size: 13.5px;

    color: white;
}

.logo{
  display: none;
}

footer{
  background: transparent;
  font-size: 0px;
}

.profile-info{
  background: url(https://th.bing.com/th/id/R.2e16df0b112ce0af8c9a3c126194c7da?rik=ZR1QKVWT8xqQeQ&pid=ImgRaw&r=0);
  background-position: center;
  background-size: 200px;
  border: #E9B6A3 dashed;
  border-radius: 20px;
  box-shadow: -5px 5px 10px brown;
  height: 100px;
  font-size: 0px;
}

.profile .mood{
  border: #E9B6A3 dashed;
  border-radius: 20px;
  text-align: center;
}

.profile .url-info{
  border: #E9B6A3 dashed;
  border-radius: 20px;
  text-align: center;
}

.profile .blurbs{
  border: #E9B6A3 dashed;
  border-radius: 20px;
  text-align: center;
}

.profile h1{
  text-align: center;
}

.general-about .profile-pic img{
  border: #E9B6A3 5px dashed;
  border-radius: 50px;
  filter: blur(1px);
}

.friends{
  border: #E9B6A3 dashed;
  border-radius: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Press Start 2P', cursive;
  font-size: 10px;
}

table.comments-table{
  text-align: right;
}

img:hover{
  filter: blur(2.5px);
  filter: grayscale(50%);
  transition: 1s;
}

a:hover{
  color: #E9B6A3;
  filter: grayscale(30%);
}
a{
  color: brown;
}

:root {
--logo-blue: brown;
--darker-blue: brown;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: brown;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: black;
}

::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track { 
  background: transparent;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #E9B6A3; 
  border-radius: 5px;
}

body { cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAQAAAAEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAGAAAACAAAAAgAAAAGAAAABAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAABAAAAAYAAAAIAAAACAAAAAYAAAADAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAADAAAADAAAABUAAAAcAAAAHAAAABYAAAAPAAAABgAAAAMAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAwAAAAYAAAAPAAAAFgAAABwAAAAcAAAAFQAAAAwAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAkAAAAcAAAALwAAADgAAAA4AAAALwAAACYAAAAWAAAADwAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAPAAAAFgAAACYAAAAvAAAAOAAAADgAAAAvAAAAHAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAEwAAACwAAABFAAAATAAAAEwAAABGAAAAPwAAAC8AAAAlAAAAHAAAABwAAAAcAAAAHAAA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'), 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.

Comments

Displaying 20 of 50 comments ( View all | Add Comment )

˙ . ꒷ tobyy🍰 . 𖦹˙—	1774492044 USINGGG Report Comment
yash 𖹭.ᐟ	1766693053 using!! Report Comment
coconut	1765766385 using this! Report Comment
Sophie	1763208252 Using! Report Comment
mysticjupitr	1759194807 im gonna try this layout out!! Report Comment
lee/domi	1755213745 using!! ^_^ Report Comment
Mancho	1751814566 usingg!! Report Comment
shtty_brony	1751629298 using Report Comment
Gardeen	1750587847 USANDO!!!!! Report Comment
lonicera	1749599419 using! tysm <3 Report Comment
Hanami_ᰔᩚ	1744423098 using !! :D Report Comment
faustinpogi	1742018770 using ! :3 Report Comment
⋆♱✮ᴋɪᴍᴋᴀᴛ✮♱⋆	1741555416 Using Report Comment
Kitty:3	1740550216 Using! So cute~ Report Comment
🫖Oli/Olive/Oliver/Olivia🫖	1736893361 Using!! Report Comment
alex ⋆˙⟡	1735814280 will be using! :) Report Comment
Kitty <3	1733899629 Hi 👋🏻 I’ll be using this, thank you 🙏 Report Comment
┆ Kamie !	1732724965 using !! Report Comment
2a00p	1731897635 using tyty Report Comment
Masha	1727024366 Usinggg Report Comment