CSS its kinda shitty LMFOA

yeah so like j copy n paste this into ur thingy css box idk and like change the colours and links to wtv u want but theres also other ppls css here whuch i got help from so yeah
DISCLAIMER: the coding i put straight in here is my old one the one i have rn is a template so yeah<3

https://docs.google.com/document/d/1nGttg_TN_m8gZBCP6qqaHvtb7J-TjaTWGrMy1sEOk5U/edit?usp=sharing
https://docs.google.com/document/d/1z1BOf-UmtU0dZ3sijVBZpIgIW0_Mlf7ghpdW7-R7RPM/edit?usp=sharing

heres the name of all the colours for css:)
https://www.w3schools.com/cssref/css_colors.asp

body{ background-image: url( copy and paste the QR code link of like what u want as the background here) }
body{color: MistyRose;}

.boxHead{
color: MistyRose;
background: Plum;
}

.rightHead{
color: MistyRose;
background: Plum;
}

a {
color: MistyRose;
}

.fwiendFace:hover{
animation:shake 0.5s;
animation-iteration-count:infinite;
}
.tableLeft:hover{
animation:shake 0.5s;
animation-iteration-count:infinite;
}
@keyframes shake{
0% {
transform:translate(1px,1px) rotate(0deg);
}
10% {
transform:translate(-1px,-2px) rotate(-1deg);
}

20% {
transform:translate(-3px,0px) rotate(1deg);
}

30% {
transform:translate(3px,2px) rotate(0deg);
}

40% {
transform:translate(1px,-1px) rotate(1deg);
}

50% {
transform:translate(-1px,2px) rotate(-1deg);
}

60% {
transform:translate(-3px,1px) rotate(0deg);
}

70% {
transform:translate(3px,1px) rotate(-1deg);
}

80% {
transform:translate(-1px,-1px) rotate(1deg);
}

90% {
transform:translate(1px,2px) rotate(0deg);
}

100% {
transform:translate(1px,1px) rotate(0deg);
}

.fwiendCount {
color: MistyRose;
}

topRight{
margin-top: 20px;
background: MistyRose;
max-width: 550px;
margin-bottom: 20px;
border: 2px solid plum;
}

.fwiendFace, .tableLeft {
background: Thistle;
}

topRight{
margin-top: 20px;
background: #DDA0DD;
max-width: 550px;
margin-bottom: 20px;
border: 2px solid #FFE4E1;
}