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 23 comments ( View all | Add Comment )

◆💜Megane◆	1712571205 using!! tysm Report Comment
⛤August⚘	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
Camy	1696625770 using Report Comment oh my god is your pfp batman as a fairy by ⨂ valerie vengeance ⨂; 1696625797; Report
www.nora.com	1696568951 Using! Tysm! Report Comment
CANEZZ !!	1696538402 Usinggg!! Report Comment
Kanako	1696463283 Using Report Comment
𝓭𝓲<3	1696276176 usingg Report Comment
mary ♥	1696020150 using! Report Comment
Musuhabi	1695923864 using! Report Comment
✰ ace	1695881364 Using! Report Comment
Lunex	1695869750 Testing Report Comment
mel	1695812586 using!! Report Comment