here's some fonts i use for carrd & links to the dropbox links.

credit to gael for this! he also has the tutorial on how to add the fonts.

mushin

<style>
@font-face {
font-family: mushin;
src:
url(https://dl.dropbox.com/s/24x5685l78xck9p/mushin%202.otf)
}
</style>

little candy

<style>
@font-face {
font-family: little;
src:
url(https://dl.dropbox.com/s/63k9gwl3hk2erf3/Littlecandy.otf)
}
</style>

romantic

<style>
@font-face {
font-family: romantic;
src:
url(https://dl.dropbox.com/s/4qm4ee0ledzkl9h/ROMANTIC.TTF)
}
</style>

love

<style>
@font-face {
font-family: love;
src:
url(https://dl.dropbox.com/s/6fha3wjzklq7u1s/love.ttf);
}
</style>

Kaomoji gifs

PNGs & Extra

Characters

Backgrounds & Gifs

Sites I visit & rec★ = used by me a lot

more resources:
gnome ★
xyz ★
vnc ★
misc crd whi ★
resource
darkpixel ★

css:
border with 3 shadows ★
border with background
change positions of containers
fading text css
stretched textfonts:
fonts for chinese

links to html/css:
custom fonts in crd
marquee code generator ★border css ★text shadow cssRV's DTHMLScrollboxblur hover, rainbow hover link and more ★CSS filter

decor:eri's pixelsemoji urlfloating symbol bg for free carrdmy WHI
symbols 1 ★symbols 2pngssymbols 3cooltext.comphoto editorbackgrounds 1 ★backgrounds 2backgrounds 3icons
gifs ★

this is using scale y!

and this is using scale x!

.stretched-text {
letter-spacing: 2px;
display: inline-block;
font-size: 32px;
transform: scaleX(0.5);
transform-origin: 0 0;
margin-bottom: -50%;

text to enable css text to enable css text to enable css text to enable css text to enable css text to enable css text to enable css text to enable css

.gradient-text {
background-color: #f3ec78;
background-image: linear-gradient(180deg, black, white);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}

testing! testing

testing!

this is a container!

.box-6 {
right: 15px;

top & bottom positioning can also be used for this.

border: 2px black solid;
box-shadow: 5px 5px 0px 0px black, 10px 10px 0px 0px pink, 15px 15px 0px 0px black;

div {
border: 10px dotted black;
padding: 4px;
background: blue;
background-clip: padding-box;
}
.box-3 {
border: 2px solid black;
}

please credit if you rm! ib creds are appreciated too <3whi collection with even more inspo! (not mine)