go to dafont (or any fonts website of your choice) and download the font you want.
unzip the file in file explorer and upload either the .ttf or .otf file into dropboxget the link for the file and remove the ?dl=0 from the back and the www from the front. replace the www with dl

example:
<style>
@font-face {
font-family: starborn;
src: url(https://dl.dropbox.com/s/5zgb9l9rpahgls7/Starborn.otf);
</style>

plain blur ✧ blur & italicize ✧ expanding link ✧ rainbow ✧ wipedown ✧ saturate ✧ img turns to heart ✧ zoom

image clicksplosion ✧ hearts trailing cursor ✧ sparkles following cursor
there are more here under mouse effects

this can be used to put images in scrollboxes
if you wanna put a gif next to text, the text needs to be in an embed. you can put <img src="image.gif"> in the places you want a gif/image to be.
⠀
you just need to replace "image.gif" with the link of that image/gif. you can do that by copying the image address, for example:
<img src="https://palecolor.crd.co/assets/images/image01.png?v=355d7445">

like this

graphics neocities has loads of graphics for just about anything
htmlcolorcodes comes in handy for making color palettes & getting hex codes
stackoverflow helpful for finding & fixing my codes. saves my life every now and then
pixelbank neocities pixels collection i absolutely adore, highly recommend for rentrys
ishimori crd has loads of fonts, helpful resources & neat codes

this section includes things i didn't think fit into my code section but wanted to include nonetheless

styling embed text ⋆ formatting embed text ⋆ make sections appear _{(as shown here)}
image in corner of page ⋆ removing underlines from embed links ⋆ image at the top of page _{(as shown here)}

step 1: paste this

<style>
meow {
font-family: Arial;
font-size: 2em;
color: #000000;
}
</style>

at the bottom of the code after </div>, or in a new embed.
step 2: you can remove, add or change the parts as much as you want
step 3: tag your text with <meow> </meow>

(<meow>hello internet</meow>)

to center elements, add margin: auto; to your code
to center text, add text-align: center;
to bold certain words, tag your text with <b> </b>
to italicize words, tag your text with <em> </em>to add a link to embedded text, use <a href="your.link.here">text</a>
adding a link to an embedded images is just <a href="link here"><img src="img link"></a>

what i'm referring to is whats going on with this carrd basically. when you open a new section it appears under the index

add a header under your index, add a section under that then add another section under that one.the first section doesn't matter so that can be named anything, and you only need to do this once so you can just add sections normally afterwards.if you wanna do what i did in this crd with sections appearing in between the index & footer, add a footer start before your footer.. your footer also has to be at the very bottom of the page

set background style to image, change position to top, tile to horizontal, and change the transparency color to whatever you want

there's no way to make a pattern go under the background image, i just make the pattern very light so it just looks like there's no overlap