codes for purple place crd co (pro standard)

notes: please cr jjunily when remaking this carrd

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

#candice {
font-family: Candice;
font-size: 5em;
color: #B8E1FF;
-webkit-text-stroke: 2px #FFF;
position: relative;
top: 0.5em;
z-index: 999;
-webkit-animation: pop 1s ease-in-out infinite alternate;
animation: pop 1s ease-in-out infinite alternate;
-moz-animation: pop 1s ease-in-out infinite alternate;
}
@keyframes pop {
from {
transform:scale(0.95)
}
50% {
transform:scale(1)
}
to {
transform:scale(0.95)
}
}
@-webkit-keyframes pop {
from {
-webkit-transform:scale(0.95)
}
50% {
-webkit-transform:scale(1)
}
to {
-webkit-transform:scale(0.95)
}
}

</style>

<div id="candice"> Name </div>

---- links ----
<style>
@font-face {
font-family: sant joan;
src: url(https://dl.dropbox.com/s/iwvkrg8ccgd1pf4/SantJoanDespi-Regular.otf);
}

#links {
font-family: sant joan;
font-size: 12px;
color: #fff;
position: relative;
bottom: 40px;
z-index: 101;
}

mark {
background: #fff;
font-family: sant joan;
font-weight: regular;
font-size: 11px;
border-radius:1px;
border: 1px solid white;
padding-left: 1px;
padding-right: 1px;
width: 30px;
color: #fff;
}

a {
color: #000;
text-decoration: none;
}
</style>
<div id="links">
<mark> __ <a href="https://twitter.com/kooraeth">twitter</a> __ <a href="https://twitter.com/cupidcrd">cupidcrd</a> __ <a href="https://omelet.crd.co">crd archive</a> __

---- buttons ----
<style>
@font-face {
font-family: sant joan;
src: url(https://dl.dropbox.com/s/iwvkrg8ccgd1pf4/SantJoanDespi-Regular.otf);
}

#botones {
font-family: sant joan;
font-size: 12px;
color: #fff;
position: relative;
bottom: 16em;
left: 8.7em;
z-index: 999;
}

mark1 {
background: #fff;
font-family: sant joan;
font-weight: regular;
font-size: 20px;
border-radius:15px;
border: 1px solid white;
padding-left: 5px;
padding-right: 5px;
width: 30px;
color: #fff;
}

a {
color: #000;
text-decoration: none;
}

a:hover {
color: #C8BFFF;
}
</style>
<div id="botones">
<mark1><a href="#one">o</a></mark1>
<br></br>
<mark1><a href="#two">o</a></mark1>
<br></br>
<mark1><a href="#three">o</a></mark1>
<br></br>
<mark1><a href="#home">o</a></mark1>
</div>

---- scrollbox ----
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap" rel="stylesheet">
</head>

<style>
#scroll1 {
height: 14em;
width: 16.5em;
padding: 7px;
text-align: left;
background: #ffffffc9;
border-radius: 5px;
font-size: 10px;
font-family: Quicksand;
overflow: auto;
position: absolute;
bottom: 19.5em;
left: 6em;
z-index: 150;
}

mark2 {
background: #fff;
font-family: sant joan;
font-size: 9px;
border-radius:7px;
border: 1px solid black;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 0.25px;
width: 40px;
color: #000;
}

</style>
<div id="scroll1">

<mark2>about</mark2> info <u>info info</u> info info info info info info
<br></br>
<mark2>o◡o</mark2> info info</u> info info info info info info info info</u> info info info info info info
<br></br>
<mark2>notes</mark2> info info</u> info info info info info info
</div>