tutorial #18 pro plus

NOTE: haiii pls cr nyamuchis when remaking this carrd! but if u have any questions u can send me a send me a dm / a retrospring.


--- FONTS ---

<style>
@font-face {
font-family: porkys;
src: url(https://dl.dropbox.com/s/7m63bv7puqb6y75/PORKYS_.TTF);
}

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

@font-face {
font-family: 'Magica';
src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
}
</style>

--- MAIN CONTAINER ---
border-radius: 10px;

--- NAME TEXT ---
font-family: sant joan;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0;
position: absolute;
left: 3.8em;
bottom: -0.1em;
--> MOBILE SETTING:
left: -0.3em;

--- MENU ---
width: 6.2em;
height: 7em;
border-radius: 5px;
position: absolute;
left: 0em;
bottom: -2.5em;

--- MENU TEXT ---
font-family: sant joan;
text-shadow: -1px 0 #aaa, 0 1px #aaa, 1px 0 #aaa, 0 -1px #aaa, 0 0;

--- PLUSHIE IMG ---
position: absolute;
left: -0.4em;
bottom: -8.3em;
z-index: 9999;

--- INFO CONTAINERS ---
width: 13em;
height: 7em;
border-radius: 5px;
position: absolute;
left: 6.5em;
bottom: -7.4em;
overflow-y: scroll;
z-index: 9999;

--- INFO TEXT ---
font-family: 'Magica';
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0;
--> BOLD SETTING:
font-family: sant joan;

--- END ---