@charset "utf-8";
/* MATRIX00.CSS */

* {}
html {}
a {}
a:hover {}
img {}
p {}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
h7 {
    display: block;
    width: 100%;
    font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-weight: 500;
    font-size: 1em;
    color: slategray;
    padding: .5em;
    margin: .25em auto;}

body {}

header {}
#header {}
header > sol {}
header > sol > left {}
header > sol > right {}
header > sol > middle {}

img.logo {}

a.crown {}

button.header {}

button.account_menu {}
#account_menu {}
button > img.account_menu {}

button.nav_menu {}
#nav_menu {}
button > img.nav_menu {}

scroll.auto-Y {}
sol.auto-Y {}
article.notify {}
#notify-header {}
sol.auto-Y div {}

/* ---- NAV & MENU ---- */

nav {}
#nav {}
nav > sol {}

menu {}

menu.nav {}
#menu.menu_nav {}
h5.menu_nav {margin:0px auto; padding: 0em 2% 0 2%;color: white;font-size:1.5em; text-shadow: 0px -1px .1em silver, 0px 1px .15em #880808, 0px 1px .2em #FDE08D;}
orb.menu_nav {}
img.menu_nav {}
p.menu_nav {}
p.menu_nav > a {}
menu.nav > a {}
img.menu_nav_bullet {}

menu.account{}
#menu.menu_account {}
h5.menu_account {margin:0px auto; padding: 0em 2% 0 2%;color: white;font-size:1.5em; text-shadow: 0px -1px .1em silver, 0px 1px .15em #880808, 0px 1px .2em #FDE08D;}
orb.menu_account {}
img.menu_account {}
p.menu_account {}
p.menu_account > a {}
menu.account > a {}
img.menu_account_bullet {}

/* ---- NOTIFICATION BAR ---- */

notify {}

notify > notify_sol {}

/* ---- MAIN ---- */

main {}
#main {}

scroll.welcome {}
#welcome {}
sol.welcome {}
article.welcome {}
article.welcome > h3 {}
article.welcome > p {}
article.welcome > iframe {}

jar.welcome {}
jar.welcome > details.welcome {}
jar.welcome > details.welcome > summary.welcome {}
jar.welcome > details.welcome > summary.welcome > orb.welcome {}
jar.welcome > details.welcome > summary.welcome > orb.welcome > img.welcome {}
jar.welcome > details.welcome > summary.welcome > h7.welcome {}
jar.welcome > details.welcome > p {}
jar.welcome > details.welcome > a.welcome {}

footer {}
#footer {}
footer > sol {}

scroll.harpazo {}
sol.harpazo {}
article.harpazo {}
article.harpazo > h5 {}
article.harpazo > orb {}
article.harpazo > img {}
article.harpazo > p {}

ground {}
#ground {}
ground > sol {}
ground > sol > middle {}
ground > sol > middle > img {}
ground > scroll {}
#social {}
sol.social {}
ground > sol > tray {}
tray.social {}

underground {}
#underground {}
sol.underground {}
a.underground {}
underground > left {}
underground > left > a.underground {}
underground > right {}
underground > right > a.underground {}
underground > middle {}
underground > middle > a.jump {}

scroll.auto-X {}
sol.auto-X {}
sol.auto-X div {}

scroll.auto-Z {}
sol.auto-Z {}
sol.auto-Z div {}

p.description.clouds, p.description.friends {}
p.comment.clouds, p.comment.friends {}
p.comment.social {font-size: .93em;margin:0 auto;padding:0 17px 17px 17px;}
p.explore.clouds, p.explore.friends {text-align:center;margin:0 0 17px 0; padding: 0;}
span.name.clouds, span.name.friends {color:orange; display:block;padding: 0;text-shadow:0 0 1px slategray, 0 0 2px white, 0 0 3px white, 0 0 4px white;font-weight: 600;}

a.clouds, a.friends, a.social {
    background-image: linear-gradient(to bottom, transparent, white, #FDE08D, orange);
    width: 100% !important;
    padding: 17px 0px 21px 0px;
    color:#007aba;
    margin: 0;
    border: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    box-shadow: 4px 4px 7px 0px silver, -4px 4px 7px 0px silver, 0 0 1px 0 silver;
    font-weight: 600;
    border: 0px silver solid;
    border-bottom: 1px gold solid;
}
a.social {
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    max-width: 88% !important;
    margin: 0 0 7px 0;}
a.clouds:hover, a.friends:hover, a.social:hover {
    background-image: linear-gradient(to bottom, transparent, white, limegreen, #007aba);
    color:#007aba;
    border: 0px silver solid;
    border-bottom: 1px gold solid;
    box-shadow: 4px 4px 7px 0px silver, -4px 4px 7px 0px silver, 0 0 1px 0 silver;
}
a.social:hover {background-image: linear-gradient(to bottom, #def, white, limegreen, #007aba);text-shadow: 0 1px 2px white;}