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 40 comments ( View all | Add 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 ! :D	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
Ana	1725179524 using, i will edit a bit Report Comment
deman	1724022225 usingg :p Report Comment
TOFU!	1723787072 usando!! Report Comment
Mel💌	1719080820 Using ! gonna try to add some pink :33 Report Comment
lizchibi	1718675444 imma try and make this purpley, wish me luck! Report Comment
･ﾟﾟ･｡ sage / Lucifer / alexis	1717777319 Using!! Report Comment
Skolista	1717184521 Using =D Report Comment
lil	1715686951 using Report Comment
◆💜Megane◆	1712571205 using!! tysm Report Comment
Δ KAY ★	1708015975 USINGGGG!! Report Comment
eevee	1707686446 using !! Report Comment