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 33 comments ( View all | Add 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
alliw ! 👾🇧🇷	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
୨୧⠀ nunu⠀ ｡	1707686446 using !! Report Comment
♡ , The Roseley	1706736229 Is very pretty!! using! :3 Report Comment
MackTheKaguyaFan	1702948767 I'm using this!!!! Report Comment
Rain⋆｡˚ ☁︎ ˚｡⋆｡	1699021324 AWW USING!! Report Comment
Rain⋆｡˚ ☁︎ ˚｡⋆｡	1699021313 AWW USING!! Report Comment
liu	1697474804 using !! tysm this is so pretty Report Comment
Aurora!	1697242767 this is great! using! Report Comment
Mumbo	1696836635 woah!! definitely using this, it’s nice! Report Comment