cr jjuniiy 3

* PLEASE CREDIT JJUNIIY WHEN REMAKING *

--- NAME TEXT ---
font-family: candice;
z-index: 99;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: white;
-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;

--- NAVIGATION TEXTS ---
font-family: sant joan;
background: white;
border-radius: 100%;
padding: 1px 5px 1px 5px;

--- SCROLLBOX ---
height: 19em;
width: 19em;
padding: 6px;
padding-top: 30px;
background: #ffffff;
border-radius: 5px;
overflow: auto;
z-index: 80;

(mobile)
width: 19em;

(Text: Highlight)
font-family: sant joan;
border-radius: 10px;
border: 1px solid black;
background: white;
padding: 0px 5px 0px 5px;

(POSITIONING)
position: absolute;
bottom: 0.8em;
left: 0.8em;

--- SCROLLABLE CONTAINER ---
overflow: auto;
border-radius: 5px;
height: 21em;
padding-top: 25px;
z-index: 80;

(mobile)
height: 21.2em;

(POSITIONING)
position: absolute;
bottom: 0em;
left: 0em;


--- POP ANIMATION ---
<style>
@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>

--- ALL FONTS ---
<style>
@font-face {
src: url(https://dl.dropbox.com/s/2yw6jbbv27g8xwv/Candice%20Ef%20Regular.ttf);
font-family: candice;
}

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