cr ikisschris 2

--- LONG BANNER TEXT ---
background: #89CFF0;
width: 12em;
border-radius: 0px 20px 20px 0px;

(mobile)
width: 12em;

--- NAVIGATION TEXTS ---
font-family: lovely;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
z-index: 1;

(Text: Highlight)
border-radius: 5px;
padding: 1px;

--- CIRCLE CONTAINER ---
border-radius: 100%;
filter: drop-shadow(0px 3px 3px #89CFF0);
width: 16em;

--- CONTAINER ---
width: 9em;
height: 13em;
border-radius: 0px 20px 20px 0px;

(mobile)
border-radius: 0px 15px 15px 0px;

--- SCROLLBOX (1st PAGE) ---
background: #89CFF0;
border: 1px solid #89CFF0;
border-radius: 15px;
padding: 5px;
width: 8.6em;
height: 12.5em;
overflow: auto;

(mobile)
border-radius: 10px;
width: 8.6em;

(Text: Highlight)
font-family: ALBA;
font-size: 1.5em;
background: linear-gradient(to bottom, #89CFF0 0%, #FFFFFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.8px #000;

(mobile)
font-size: 1.3em;

--- TOP CONTAINER ---
border-radius: 15px 0px 0px 0px;

--- SCROLLBOX (RIGHT) ---
background: #89CFF0;
border: 1px solid #89CFF0;
border-radius: 0px 15px 15px 0px;
padding: 5px;
width: 12em;
height: 7.1em;
overflow: auto;

(mobile)
width: 12em;

--- BOTTOM CONTAINER ---
border-radius: 0px 0px 15px 0px;

--- SCROLLBOX (LEFT) ---
background: #89CFF0;
border: 1px solid #89CFF0;
border-radius: 15px 0px 0px 15px;
padding: 5px;
height: 5.8em;
overflow: auto;

--- ALL FONTS ---

<style>
@font-face {
font-family:aeroblade;
src:url(https://dl.dropbox.com/s/rp1c9fy6nef7l15/Aeroblade.ttf);
}

@font-face {
font-family: lovely;
src: url(https://dl.dropbox.com/s/xde2bkhiie1bm8r/LovelyRegular.ttf);
}

@font-face {
font-family: ALBA;
src: url(https://dl.dropbox.com/s/0l4qryezh7ac9ls/ALBA____.TTF);
}

</style>