cr lobilles 2

* PLEASE CREDIT LOBILLES WHEN REMAKING *
* CODES FROM Y2KCARRDS' PRO PLUS TUTORIAL! *

--- MAIN CONTAINER ---
#elementID > .wrapper {
width: 13em;
position: absolute;
left: -2em;
bottom: -9em;
border-radius: 1em;
z-index: 9999;
box-shadow: 0rem 0rem 0.75rem 0rem #878787;
}

--- WEBSITE TEXT ---
#elementID {
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
font-family: Fascinate;
}

--- ABOUT CONTAINER ---
#elementID > .wrapper {
width: 11em;
height: 7em;
position: absolute;
left: 10.5em;
bottom: 0em;
z-index: 999;
border-radius: 0px 10px 10px 0px;
box-shadow: 0.143rem 0.205rem 0.25rem 0rem #878787;
}

--- ABOUT TEXT ---
#elementID {
background: rgba(255,255,255,0.502);
height: 8.45em;
left: 0.4em;
border-radius: 10px;
padding-top: 3px;
width: 100%;
}

#elementID mark {
font-family: lovely valentine;
font-size: 3.4em;
}

--- NAVIGATE CONTAINER ---
#elementID > .wrapper {
width: 9em;
height: 7em;
position: absolute;
left: 11.8em;
bottom: -8.4em;
z-index: 999;
border-radius: 10px;
box-shadow: 0rem 0rem 0.375rem 0rem #878787;
}

--- NAVIGATE TEXT ---
#elementID {
font-family: Fascinate;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
}

--- LINKS TEXT ---
#elementID {
font-family: SakeMoru;
text-shadow: -1px 0 #878787, 0 1px #878787, 1px 0 #878787, 0 -1px #878787, 0 0;
}

--- SCROLLBOX ---
#elementID {
background: rgba(255,255,255,0.812);
height: 18.35em;
width: 16.10em;
z-index: 9999;
border-radius: 0.5em;
padding-top: 8px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 8px;
overflow: auto;
position: absolute;
left: 0.65em;
bottom: -8.65em;
}

@media only screen and (max-width: 600px) {
#elementID {
width: 16.10em;
}
}

#elementID mark {
font-family: SakeMoru;
font-size: 1.4em;
text-shadow: -1px 0 #878787, 0 1px #878787, 1px 0 #878787, 0 -1px #878787, 0 0;
}