@charset "utf-8";
/* MATRIX33.CSS */
* {box-sizing: border-box;margin: 0;padding: 0;}
html {
    position:relative;
    background-color: rgba(255, 255, 255, 1);
    background-image: url("/images/In-The-Clouds.jpg");
    background-attachment:local;
    background-position:center top;
    background-repeat:repeat;
    height:100vh;
    min-height:100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 17px;
    color: slategray;
    overflow: auto;
    clear: both;
    content: "";
    display: table;
    scroll-behavior: smooth;
}
a {display: inline-block; text-decoration: none;
  cursor: pointer;}
a:hover {text-decoration: none;
  cursor: pointer;}

a.jump {
    position: relative;
    color: white;
    text-shadow: 0 0 1px black;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 21px;
    font-weight: 600;
    border:1px solid silver;
    border-radius: 11px;
    padding: 7px 21px 10px 21px;
    margin: 11px 0 11px 0;
    background-color: orange;
    box-shadow: 3px 3px 7px 0px silver, -3px 3px 7px 0px silver, 0 0 1px 0 silver, inset 0 0 17px 0 white;
}
a.jump:hover {
    background-color: white;
    color: skyblue;
    text-shadow: 0 0 1px slategray;
    border:1px solid silver;
    box-shadow: 3px 3px 7px 0px silver, -3px 3px 7px 0px silver, 0 0 1px 0 silver, inset 0 0 17px 0 silver;
}
a.underground_policies, a.underground_copy {
    position: relative;
    color: slategray;
    font-size: 16px;
    font-weight: 600;
    padding: 3px 2px;
}
a.underground_policies:hover, a.underground_copy:hover {
    color: #007aba;
}

.truncate {
  width: 250px;           /* Must have a defined width */
  white-space: nowrap;    /* Prevents text from wrapping to a new line */
  overflow: hidden;       /* Hides the text that overflows the box */
  text-overflow: ellipsis; /* Adds the "..." at the end */
}
.multi-line-truncate {
  display: -webkit-box;
  -webkit-line-clamp: 3;   /* Number of lines to show before ellipsis */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
img {vertical-align: middle;}
img.slideImg {height:100%;}

img.logo.splash {
    margin: 0px;
    width: 144px;
    height:auto;
}

img.clouds {
    width: 100%;
}

img.menu_avatar {
    width: 123px;
}

img.friends {
    width: 100%;
}

img.menu_nav_bullet {
    width: 33px;
}

img.menu_nav_avatar {
    margin: 0px;
    width: 77px;
    height:auto;
}

img.menu_account_bullet {
    width: 33px;
}

img.menu_account_avatar {
    margin: 0px;
    width: 77px;
    height:auto;
}

img.social {
    width: 88px;
}

.hide {display: none;}

.splash-copy {
    display: block;
    height: auto;
    padding: .33em 0em;
    margin: 0em 0em .77em 0em;
    font-size: 1.1em;
    color:#007aba;
    text-shadow: 0 1px 2px white;
    font-weight: 500;
    transition-duration: .333s;
}
.splash-terms {
    display: inline-block;
    height: auto;
    padding: .1em 0em;
    margin: 0em .70em .5em .70em;
    font-size: 1.0em;
    color: #007aba;
    font-weight: 400;
    transition-duration: .333s;
}
.splash-copy:hover, .splash-terms:hover {color:white;text-shadow: 0 1px 2px #007aba;font-weight:500;transition-duration: .333s;}

.splash-button {
    display: grid;
    place-items: center;
    background-color: rgba(255, 255, 255, 1);
    background-image: linear-gradient(to bottom, #FDE08D, transparent, #FDE08D);
    width: auto;
    font-size: 1.5em;
    font-weight: 600;
    height: auto;
    padding: .5em 1em .6em 1em;
    margin: .33em auto;
    box-shadow: 0px 0px 11px 0px silver;
    border: 1px solid gold;
    border-radius: 3px;
    cursor: pointer;
    color: white;
    text-shadow: 0px -2px 3px goldenrod, -4px -2px 11px #FDE08D, 4px -2px 11px #FDE08D, 0px 2px 2px #007aba, 0px 5px 7px #007aba;
    transition-duration: .333s;
}
.splash-button:hover {
    color: #00A4FB;
    text-shadow: 0px 0px 2px white, 0px 0px 3px silver, 0px 0px 7px white;
    box-shadow: 0px 0px 21px 0px #FDE08D;
    transition-duration: .333s;
}

.splash-button:active {
    color: white;
    text-shadow: 0px -2px 3px goldenrod, -4px -2px 11px #FDE08D, 4px -2px 11px #FDE08D, 0px 2px 2px #007aba, 0px 5px 7px #007aba;
    box-shadow: 0px 0px 21px 0px #FDE08D;
    transition-duration: .333s;
}

menu {
    display: grid; /* Hidden by default */
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0px;
    margin: .7em 0;
    padding: 0px;
    cursor: pointer;
    border: 3px solid lightgreen;
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    border-left: 0px;
    border-right: 0px;
    box-shadow:inset 33px 0 77px 0 #007aba, inset -33px 0 77px 0 #007aba, 0 3px 7px 0px #fed, 0 -3px 7px 0px #fed;
}
menu.account {box-shadow: inset 33px 0 77px 0 #007aba, inset -33px 0 77px 0 #007aba, 0 3px 7px 0px #fed, 0 -3px 7px 0px #fed;}

.nav_menu {
    display: inline-block;
    cursor: pointer;
    padding: 3px 10px 0px 10px;
}

.bar1, .bar2, .bar3 {
  width: 60px;
  height: 8px;
  background-color: slategray;
  margin: 12px auto;
  transition: 0.4s;
}

.change .bar1 {
  transform: translate(0, 20px) rotate(-45deg);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  transform: translate(0, -20px) rotate(45deg);
}

#menu_nav, #menu_account {
    display: inline-block;
    height: auto;
    width: 100%;
    max-width: 333px;;
    padding: 17px 0 33px 0;background-color: rgba(0, 255, 0, .10);
    background-image: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1));
    border-left: 1px solid gold;
    border-right: 1px solid gold;
    
}

button.header {
    background-color: rgba(255, 255, 255, .5);
    background-image: linear-gradient(#FDE08D, rgba(255, 255, 255, .33));
    border: 1px solid silver;
    height: 78px;
    width: 78px;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    border-radius: 7px;
    cursor: pointer;
}

details {
    display: block;
    width: auto;
    height: 100%;
    padding: 7px;
    margin: 0 auto;
    text-align: center;
    align-content: center;
    vertical-align:middle;
    border: 0;
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    box-shadow: 0px 7px 7px 0px rgba(255, 255, 255, .33);
}

details[open] {
    max-width: 320px;
    height: auto;
}

details > summary {
    width: auto;
    max-width: 320px;
    padding: 0.5rem 0 0 0;
    margin: 0px auto;
    text-align: center;
    color: #007ABA;
    border: 0;
    border-radius: 7px;
    cursor: pointer;
    list-style-type: '';
}

details[open] > summary {
    list-style-type: '';
}

details.splash > summary.splash {width: 100%;min-width: 240px; border: 0px solid #def; color: slategray;font-size: 1em;padding: .3em .3em .7em .3em;font-weight: 500;}

details.splash {width: 100%; border: 0px solid #abc; box-shadow: 0px 1px 4px 0px silver, 0px 3px 3px 0px #FDE08D;transition-duration: 2s;
background-image: linear-gradient(to bottom, transparent, #def, #fed, #fed) !important;}
details[open].splash {width: 100%;transition-duration: 2s;}
details.splash > a.splash {color: #007aba;font-size: 1em;font-weight: 500; padding:.33em 0em .7em 0em;transition-duration: .333s;}
details.splash > a.splash:hover {color: orange;}

summary.clouds {transition-duration: 2s;}
summary.clouds > orb, summary.friends > orb {background: none; background-color: none;border:0px;box-shadow: none;}
details[open].clouds > summary.clouds > orb, details[open].friends > summary.friends > orb {background-color: rgba(225, 225, 225, 0.33);box-shadow: inset 0px 0px 17px 7px rgba(255, 255, 255, .77), 0px 0px 17px 3px rgba(155, 155, 155, .33);
    border: 1px solid rgba(255, 255, 255, .77);}
p.explore.clouds, p.explore.friends {margin-top:69px;margin-bottom: 2em;}

details.clouds {transition-duration: 2s;border: 0; border-bottom:3px solid silver;width: 250px;margin:1em auto;float: none;
    background-image: url("/images/cloud_button.png"), linear-gradient(to bottom, transparent,transparent, #def, #fed, #fed) !important;
    background-attachment:local, local;
    background-position:center bottom +63px, center bottom;
    background-repeat:no-repeat, no-repeat;
    background-size: 88%, contain;}
details[open].clouds {transition-duration: 2s;width: 320px;margin:1em auto;
    background-image: url("/images/cloud_button_blue.png"), linear-gradient(to bottom, #007aba,transparent, #def, #fed, #fed) !important;
    background-attachment:local, local;
    background-position:center bottom +55px, center bottom;
    background-repeat:no-repeat, no-repeat;
    background-size: 88%, contain;}
details.clouds > p {white-space: pre-wrap;}
summary.friends {transition-duration: 2s;}
details.friends {transition-duration: 2s;float: left;border: 0; border-bottom:3px solid goldenrod;width: 100%;min-width:220px;max-width:220px;margin:0 0 0 80px;
    background-image: url("/images/cloud_button.png"), linear-gradient(to bottom, transparent, rgba(255, 255, 255, .33), #FDE08D) !important;
    background-attachment:local, local;
    background-position:center bottom +63px, center bottom;
    background-repeat:no-repeat, no-repeat;
    background-size: 88%, contain;}
details[open].friends {transition-duration: 2s;min-width:320px;max-width:320px;margin:0 -100 0 10px;
    background-image: url("/images/cloud_button_blue.png"), linear-gradient(to bottom, #007aba, transparent, rgba(255, 255, 255, .77), #FDE08D, #FDE08D) !important;
    background-attachment:local, local;
    background-position:center bottom +55px, center bottom;
    background-repeat:no-repeat, no-repeat;
    background-size: 88%, contain;}

summary.social {transition-duration: 2s;}
details[open] > summary.social {transition-duration: 2s;background-image: linear-gradient(to bottom, transparent, #FDE08D, rgba(255, 255, 255, .77), #FDE08D, transparent);}
details.social {float: left;width: 100%;min-width:118px;max-width:118px;margin: 0 0 0 2px;box-shadow: none; padding: 0px 0px 7px 0px;transition-duration: 2s;}
details[open].social {min-width:238px;max-width:238px;box-shadow: 0px 3px 7px 0px silver;transition-duration: 2s;background-image: linear-gradient(to bottom, #fde08d, white, #def, #007aba);}

/* ------------- NAVBAR --------------- */

#nav, #account {
    display: none;
    overflow: hidden;
    height: auto;
    padding: 55px 7px 7px 7px;
    font-size: 1.44em;
    font-weight: 500;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    background-color: #007aba;
    background-image: repeating-radial-gradient(rgba(55, 155, 55, .33), rgba(255, 255, 255, .33), indigo, rgba(255, 255, 255, .0));
    box-shadow: inset 0px 0px 7px 3px white, 0px 0px 17px 7px white;
    z-index: 999;
    text-align: center;
}

#nav::after, #account::after {
    background-color: rgba(255, 255, 255, 0.0);
    content: "";
    display: block;
    min-height: 0px;
    clear: both;
}

#nav a, #account a {
    width: 100%;
    display: inline-block;
    background-color: rgba(135, 125, 175, 0.55);
    background-image: linear-gradient(to top,#FDE08D, rgba(255, 255, 255, .77));
    color: white;
    text-align: left;
    padding: .5em 5% .6em 5%;
    margin: 3px auto;
    text-decoration: none;
    text-shadow: 0px -2px 3px goldenrod, -4px -2px 11px #FDE08D, 4px -2px 11px #FDE08D, 0px 2px 2px #007aba, 0px 5px 7px #007aba;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    border-top-left-radius: 50% 4px;
    border-top-right-radius: 50% 4px;
    border-bottom-left-radius: 50% 4px;
    border-bottom-right-radius: 50% 4px;
    border-left: 0px;
    border-right: 0px;
    box-shadow: inset 0px -2px 3px 1px ghostwhite, 0px -2px 3px 1px ghostwhite;
    transition-duration: .777s;
}
#profile_link {width: 77% !important; padding: .5em 5% .6em 5% !important; margin: .7em auto .1em auto !important; text-align: center !important;}
#profile_link:hover {}

#nav a:hover, #account a:hover{
    background-color: rgba(135, 125, 175, 0);
    background-image: linear-gradient(to top,#def, rgba(135, 125, 175, 0.0), #fed);
    color: white;
    border-top: 1px solid gold;
    border-bottom: 1px solid gold;
    box-shadow: inset 0px -1px 2px 0px #fed,inset 0px 1px 2px 0px #fed;
}
#nav a:active, #account a:active{
    background-color: #FDE08D;
    color: white;
    box-shadow: inset 0px -2px 3px 1px ghostwhite, 0px -2px 3px 1px ghostwhite;
    
}

#nav a.current-page, #account a.current-page {
    background-image: none;
    background-color: white;
    color: white;
    box-shadow: inset 0px 0px 7px 3px ghostwhite, 0px 0px 7px 3px ghostwhite;
}
#menuLink{
    width: auto;
    display: inline-block;
    background-color: orange;
    color: white;
    text-align: center;
    padding: .5em;
    margin: 3px auto;
    text-decoration: none;
    text-shadow: 0px -1px 1px silver, 0px 1px 3px #880808, 0px -1px 3px #FDE08D;
    border: 1px solid silver;
    border-top-left-radius: 50% 4px;
    border-top-right-radius: 50% 4px;
    border-bottom-left-radius: 50% 4px;
    border-bottom-right-radius: 50% 4px;
    border-left: 0px;
    border-right: 0px;
    box-shadow: inset 0px -1px 2px 0px #fed, inset 0px 1px 2px 0px #fed;}

notify {
    
}

banner.notify {
  padding: 0px;
  background-color: transparent;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}

banner.notify.code_red {background-color: #f44336;}
banner.notify.code_orange {background-color: #ff9800;}
banner.notify.code_yellow {background-color: #2196F3;}
banner.notify.code_green {background-color: #04AA6D;}
banner.notify.code_blue {background-color: #007aba;}
banner.notify.code_indigo {background-color: indigo;}
banner.notify.code_violet {background-color: violet;}
banner.notify.code_black {background-color: black;}
banner.notify.code_white {background-color: white;}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: 600;
  float: right;
  font-size: 33px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

alert {
    
}

.alert {
  padding: 20px;
  background-color: transparent;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}

.alert.danger {background-color: #f44336;}
.alert.success {background-color: #04AA6D;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
    color: black;
}

body {
    position:relative;
    background-color: rgba(255, 255, 255, .5);
    height:100vh;
    min-height:100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    overflow: auto;
    clear: both;
    content: "";
    display: table;
}
#top {}
header {
	position:relative;
    display: block;
    align-items: center;
    background-color: rgba(0, 122, 186, .33);
    background-image: linear-gradient(to bottom, transparent, transparent, rgba(255, 255, 255, .77), #FDE08D, #FDE08D);
    width: 100%;
    height: 100px;
    padding: 0px 0px;
    margin: 0px;
    text-align: center;
    font-size:26px;
    color: #007aba;
    border-bottom: 1px solid goldenrod;
    border-radius: 0px;
    box-shadow: 0 -7px 7px 0px darkgoldenrod, 0 -11px 33px 0px #880808;
    content: "";
    clear: both;
    overflow: visible;
    z-index: 999;
}

header > sol {overflow: visible;}

left {
    display: inline-block;
    float: left;
    padding: 10px 0px;
    width: auto;
    height:auto;
    text-align: left;
    overflow: visible;
    align-content: center;
}

middle {
    display: inline-block;
    padding: 0px 0px;
    width: auto;
    height:auto;
    text-align: center;
    overflow: visible;
}

right {   
    display: inline-block;
    float: right;
    padding: 10px 0px;
    width: auto;
    height:auto;
    text-align: right;
    overflow: visible;
}

.s1 {position: absolute; height: 40%;left: 0; top: 0;}
.s2 {position: absolute; height: 40%;left: 50%; top: 0; -ms-transform: translate(-50%,0%); transform: translate(-50%, 0%);}
.s3 {position: absolute; height: 40%;right: 0; top: 0;}
.s4 {position: absolute; height: 40%;top: 50%; left: 0%; -ms-transform: translate(-0%,-50%); transform: translate(0%, -50%);}
.s5 {position: absolute; height: 30%;top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
.s6 {position: absolute; height: 40%;top: 50%; right: 0%; -ms-transform: translate(0%,-50%); transform: translate(0%, -50%);}
.s7 {position: absolute; height: 40%;left: 0; bottom: 0;}
.s8 {position: absolute; height: 30%;left: 50%; bottom: 0; -ms-transform: translate(-50%,0%); transform: translate(-50%, 0%);}
.s9 {position: absolute; height: 40%;right: 0; bottom: 0;}

.e1 {display:block;width:auto;vertical-align: baseline;}
.e2 {display:block;width:auto;vertical-align: middle; align-items: center;}
.e3 {display:block;width:auto;vertical-align: bottom;}

.x1 {width: 100%;text-align: left; padding: 8px 16px !important;}
.x2 {width: 100%;text-align: center; padding: 8px 16px !important;}
.x3 {width: 100%;text-align: right; padding: 8px 16px !important;}

h6.slideText, p.slideCap {position:relative;width: 100%;z-index: 999;margin: 0 auto;}

h6.ss1 {font-size: 2.8em;font-weight: 700;color: white; text-shadow: 2px 2px 2px #007aba, -2px 2px 2px #007aba, 2px -2px 2px #007aba, -2px -2px 2px #007aba;text-align: left;}
h6.ss2 {font-size: 2.8em;font-weight: 700;color: white; text-shadow: 2px 2px 2px #007aba, -2px 2px 2px #007aba, 2px -2px 2px #007aba, -2px -2px 2px #007aba;text-align: center;}
h6.ss3 {font-size: 2.8em;font-weight: 700;color: white; text-shadow: 2px 2px 2px #007aba, -2px 2px 2px #007aba, 2px -2px 2px #007aba, -2px -2px 2px #007aba;text-align: right;}
h6.ss4 {font-size: 2.8em;font-weight: 700;color: white; text-shadow: 2px 2px 2px #007aba, -2px 2px 2px #007aba, 2px -2px 2px #007aba, -2px -2px 2px #007aba;text-align: left;}
h6.ss5 {font-size: 2.8em;font-weight: 700;color: white; text-shadow: 2px 2px 2px #007aba, -2px 2px 2px #007aba, 2px -2px 2px #007aba, -2px -2px 2px #007aba;text-align: center;}
h6.ss6 {font-size: 2.8em;font-weight: 700;color: white; text-shadow: 2px 2px 2px #007aba, -2px 2px 2px #007aba, 2px -2px 2px #007aba, -2px -2px 2px #007aba;text-align: right;}
h6.ss7 {font-size: 2.8em;font-weight: 700;color: white; text-shadow: 2px 2px 2px #007aba, -2px 2px 2px #007aba, 2px -2px 2px #007aba, -2px -2px 2px #007aba;text-align: left;}
h6.ss8 {font-size: 2.8em;font-weight: 700;color: white; text-shadow: 2px 2px 2px #007aba, -2px 2px 2px #007aba, 2px -2px 2px #007aba, -2px -2px 2px #007aba;text-align: center;}
h6.ss9 {font-size: 2.8em;font-weight: 700;color: white; text-shadow: 2px 2px 2px #007aba, -2px 2px 2px #007aba, 2px -2px 2px #007aba, -2px -2px 2px #007aba;text-align: right;}

img.slideImg {position:relative;height: 100%; width: auto;z-index: 444;}
img.slideImg.ss1 {height: 100%;}
img.slideImg.ss2 {height: 100%;}
img.slideImg.ss3 {height: 100%;}
img.slideImg.ss4 {height: 100%;}
img.slideImg.ss5 {height: 100%;}
img.slideImg.ss6 {height: 100%;}
img.slideImg.ss7 {height: 100%;}
img.slideImg.ss8 {height: 100%;}
img.slideImg.ss9 {height: 100%;}

p.ss1 {font-size: 1.44em;font-weight: 500;color: red;}
p.ss2 {font-size: 1.44em;font-weight: 500;color: red;}
p.ss3 {font-size: 1.44em;font-weight: 500;color: red;}
p.ss4 {font-size: 1.44em;font-weight: 500;color: red;}
p.ss5 {font-size: 1.44em;font-weight: 500;color: red;}
p.ss6 {font-size: 1.44em;font-weight: 500;color: red;}
p.ss7 {font-size: 1.44em;font-weight: 500;color: red;}
p.ss8 {font-size: 1.44em;font-weight: 500;color: red;}
p.ss9 {font-size: 1.44em;font-weight: 500;color: red;}

div.fade > h7 {
    position:absolute;
    display:block;
    margin:0;
    padding:3px;
    bottom:-21px;
    width: 100%;
    overflow: visible;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 14px;}

picture {
  display: block;
  justify-content: center; /* Horizontal centering */
  align-items: center;     /* Vertical centering */
    height: 100%;
    width: 100%;    
}
img.slide-main {width: 100%;margin: 0 auto;position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}

a.crown {
    text-shadow: 0px -2px 7px goldenrod, 0px 2px 3px #007aba;
    color: white;
    padding: 0 0 7px 0;
    font-family: "Trebuchet MS", Verdana, "sans-serif";
    font-weight: 600;
}

a.crown:hover {text-shadow: 0px -2px 7px goldenrod, 0px 2px 3px silver;}


header > sol > left {height: 98px;}

.brain {
    text-shadow: 0px 4px 3px indigo, 0px 3px 3px slategray, 0px 2px 7px silver, 0px -3px 3px goldenrod, 0px -7px 17px goldenrod;
    color: white;
    font-family: "Trebuchet MS", Verdana, "sans-serif";
    font-weight: 500;
}

img.logo {
    margin: 0px 10px 0px 10px;
    height: 78px;
    width: auto;
}

img.menu {
    margin: 5px auto;
    height: auto;
    width: 64px;
}

img.ground-mascot {
    margin: -33px 0px 0px 0px;
    width: auto;
    height: 80px;
}

img.ground-zero {
    margin: -33px 0px 0px 0px;
    width: 317px;
    height: auto;
}

main {
    background-color: rgba(255, 255, 255, 0.0);
    margin: 0;
    height: auto;
    width: 100%;
    padding: 0px 0px 33px 0px;
    content: "";
    display: block;
    clear: both;
}

body.splash {
    background-color: rgba(0,0,0, 0);
}

body.splash, main.splash {
    display: grid;
    place-items: center;
    padding: 0px;
}

header.splash, footer.splash, ground.splash, underground.splash {
    display: none;
}

scroll.splash{
    margin: 11px 3px;
}

scroll {
    position: relative;
    background: 0;
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    height: auto;
    padding: 0px 0px;
    margin: 0px auto;
    text-align: center;
    clear: both;
    display: block;
    overflow: hidden;
}

scroll::after {
    display: block;
    content: "";
    height: auto;
    clear: both;
    overflow: auto;
}

sol {
    position: relative;
    background: 0;    
    background-color: rgba(255,255,255, 0);
    width: 100%;
    max-width: 1200px;
    height:auto;
    padding: 0px 7px;
    margin: 0px auto;
    text-align: center;
    clear: both;
    content: "";
    display: table;
    overflow: hidden;
}

sol.splash {    
    background-color: rgba(0,255,0, .10);
    background-image: linear-gradient(to bottom, transparent, rgba(255,255,255, 1));
    display: table;
    place-items: center;
    width: auto;
    min-width: 300px;
    max-width: 555px;
    border: 3px solid lightgreen;
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    border-left: 0px;
    border-right: 0px;
    box-shadow: inset 33px 0 77px 0 #007aba, inset -33px 0 77px 0 #007aba, 0 3px 7px 0px #fed, 0 -3px 7px 0px #fed;
    font-weight: 500;
    text-shadow: 0 0 2px white;
}

legs {
    background-color: rgba(255, 255, 255, 0.0);
    margin: 0;
    height: auto;
    width: 100%;
    padding: 17px 0px 33px 0px;
    content: "";
    display: block;
    clear: both;
}

fog-skin {
    position: relative;
    width: 100%;
    height: 690px;
    max-width: 1200px;
    min-height: 690px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    background-color: rgba(255, 255, 255, .5);
    background-image: url("/images/indian-transparent-flip.png"), url("/images/purple-grass.jpeg");
    background-attachment:local;
    background-position:center bottom, center bottom;
    background-repeat:no-repeat, no-repeat;
    background-size: contain, cover;
    border-top: goldenrod solid 0px;
    text-align: justify;
    color: white;
    box-shadow: inset 0px 0px 7px 7px rgba(255, 255, 255, 1), 0px 0px 27px 17px rgba(255, 255, 255, 1.0);
    overflow: visible;
    content: "";
    display: table;
    clear: both;
    z-index: 555;
}

hr {width: 77%; margin: .5em auto;  border: 1px solid silver;}

hi, h-i {
    display: block;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 2.2em;
    font-weight: 500;
    text-shadow: -2px -2px 17px goldenrod, 2px -2px 17px goldenrod, 0px 7px 8px #007aba;
    text-align: center;
    color: white;
    width: 100%;
    margin: 0em;
    padding: .3em 0 .7em 0;
}

h1.splash {
    display: block;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 1.7em;
    font-weight: 500;
    text-shadow: 0px -2px 3px goldenrod, -4px -2px 11px #FDE08D, 4px -2px 11px #FDE08D, 0px 2px 2px #007aba, 0px 5px 7px #007aba;
    text-align: center;
    color: white;
    width: 100%;
    margin: .11em auto 0em auto;
    padding: .77em .77em;
}

h2.splash {
    display: block;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 1.5em;
    font-weight: 500;
    text-shadow: 0px -2px 3px goldenrod, -4px -2px 11px #FDE08D, 4px -2px 11px #FDE08D, 0px 2px 2px #007aba, 0px 5px 7px #007aba;
    text-align: center;
    color: white;
    width: 100%;
    margin: 0em;
    padding: .1em 0 .5em 0;
}

.donate-button {
    background-color: orangered;
    display: block;
    width: 100%;
    margin: 0;
    padding: 8px  7px 8px 7px;
    height: auto;
    line-height: 21px;
    font-size: 21px;
    text-shadow: 0px -1px 2px goldenrod, 0px 0px 1px black;
    color: white;
    border: 2px lightgoldenrodyellow solid;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    box-shadow:  0px 0px 13px 2px silver;
    clear: both;
    text-align: center;
    cursor: pointer;
}
.donate-button:hover {background-color: #007aba;}

h4.center {text-align: center;}

a.policies-button {
    display: inline-block;
    width: 24%;
    padding: 17px 33px;
    margin: 3rem 3% 2rem 3%;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 1.5em;
    font-weight: 500;
    text-shadow: 0px -2px 3px goldenrod, -4px -2px 11px #FDE08D, 4px -2px 11px #FDE08D, 0px 2px 2px #007aba, 0px 5px 7px #007aba;
    text-align: center;
    color: white;
    border: 2px solid white;
    border-top-left-radius: 50% 7px;
    border-top-right-radius: 50% 7px;
    border-bottom-left-radius: 50% 7px;
    border-bottom-right-radius: 50% 7px;
    box-shadow: 0px 1px 2px 0px #007aba;
    content: "";
    clear: none;
}
a.policies-button.thispage {background-color: azure;box-shadow: 0px 1px 2px 0px silver, 0px 0px 17px 0px #fed;border: 1px solid goldenrod;}
a.policies-button:active {background-color: #dfe !important;box-shadow: 0px 1px 2px 0px skyblue;border: 1px solid silver;}
a.policies-button:hover {background-color: azure;box-shadow: 0px 1px 2px 0px silver;border: 1px solid silver;}

a.policies-link {
    box-shadow: 0px 1px 2px 0px #007aba;
    border: 1px solid silver;
    border-top-left-radius: 50% 7px;
    border-top-right-radius: 50% 7px;
    border-bottom-left-radius: 50% 7px;
    border-bottom-right-radius: 50% 7px;}
a.policies-link:hover {background-color: white;box-shadow: 0px 1px 2px 0px skyblue;}
a.policies-link:active {background-color: #dfe;box-shadow: 0px 1px 2px 0px silver;}

wrap.policies {
    display: block;
    width: 100%;
    max-width: 90%;
    margin: 2rem auto 2rem auto;
    content: "";
    clear: both;
}

wrap.policies > h2 {font-size: 2rem;}
wrap.policies > h3 {font-size: 1.5rem;}
wrap.policies > h4 {font-size: 1.1rem;}
wrap.policies > p, wrap.policies > ul > li > p {font-size: 1rem;}
wrap.policies > ul {font-size: .9rem;}
wrap.policies > li {font-size: .83rem;}

p.right, article > p.right {text-align: right;}
p.left, article > p.left {text-align: left;}

p.splash {
    width: 100%;
    margin: 0 auto;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 1em;
    font-weight: 400;
}
p.ground-line {text-align: center; padding: 0px 0px 2em 0px; margin: 0px;font-weight: 600;color: slategray; text-shadow: 1px 1px 1px white,  1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, 0 0 7px white;}

.true-center {
    display: grid;
    place-items: center;
    height: auto;
    padding: .7em;
    border: 1px solid gray; 
}

p.bluePink {
    color: white;
    text-shadow: 0px 0px 1px blue, 0 0 2px white, 0 0 3px blue, 0 0 7px red;
}
p {
    margin: 0;
    padding: .33rem 0px;
}
article {
    display: table;
    background-color: transparent;
    background-image:
        linear-gradient(rgba(255, 255, 255, .33) 17px,
        transparent 77px,
        rgba(255, 255, 255, .77) 144px,
        rgba(255, 255, 255, .88));
    border: 4px solid #def;
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    border-left: 0px;
    border-right: 0px;
    margin: 2em auto;
    padding: .7em 5%;
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: hidden;
    clear: both;
    content: "";
}
article > p {
    margin: 0 auto;
    padding: .77em 1.44em .77em 2em;
    font-size: 1.3em;
    font-weight: 500;
    text-shadow: 0 0 2px white;
    text-align: justify-all;
    text-indent: -1em;
}
article.hero > p {
    background-image: linear-gradient(to right, transparent, rgba(33,33,77,.7) 3%, rgba(33,55,77,.7) 50%, darkslategray 97%, transparent);
    font-weight: 600;
    font-size: 1.11em;
    text-shadow: 0 0 2px black;
    color: white;
    padding: .77em 5%;
}
article > h1 {
    margin: 0;
    padding: .33rem 0px;
}
article > h2 {
    margin: 0;
    padding: .33rem 0px;
}
article > h3 {
    font-size: 2.6em;
    margin: 0em auto 0em auto;
    padding: .0em 0 .3em 4%;
}
article.hero > h3 {
    display: block;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 2.2em;
    font-weight: 500;
    text-shadow: -2px -2px 17px goldenrod, 2px -2px 17px goldenrod, 0px 7px 8px #007aba;
    text-align: center;
    color: white;
    width: 100%;
    padding: .0em;
}
article > h5 {
    font-size: 1.3em;
    padding: 1.11em .33em;
}
article.hero > h5 {
    padding: .33em .33em;
}
article.splash {
    background-color: #007aba;
    background-image:
        linear-gradient(rgba(255, 255, 255, .33) 17px,
        transparent 77px,
        rgba(255, 255, 255, .77) 101px,
        rgba(255, 255, 255, 1));
    border: 4px solid #def;
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    border-left: 0px;
    border-right: 0px;
    max-width: 555px;
    min-width: 300px;
    margin: .0em auto;
    padding: 1em .5em 1em .5em;
}

article.menu {
    background-color: #007aba;
    background-image:
        linear-gradient(rgba(255, 255, 255, .33) 17px,
        transparent 77px,
        rgba(255, 255, 255, .77) 101px,
        rgba(255, 255, 255, 1));
    border: 4px solid #def;
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    border-left: 0px;
    border-right: 0px;
    max-width: 321px;
    margin: .5em auto 1em auto;
    padding: .9em .5em .7em .5em;
}
article.legal {
    background-color: white;
    border: 2px solid #def;
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    border-left: 0px;
    border-right: 0px;
    margin: 2em auto;
    padding: 1em 5%;
}

article.welcome {
    display: table;
    background-color: #007aba;
    background-image:
        linear-gradient(rgba(255, 255, 255, .33) 17px,
        transparent 77px,
        rgba(255, 255, 255, .77) 101px,
        rgba(255, 255, 255, 1));
    border: 4px solid #def;
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    border-left: 0px;
    border-right: 0px;
    margin: 33px auto 2em auto;
}

article.catch {
    display: table;
    background-color: red;
    background-image:
        linear-gradient(rgba(255, 255, 255, .33) 17px,
        transparent 77px,
        rgba(255, 255, 255, .77) 101px,
        rgba(255, 255, 255, 1));
    border: 4px solid #def;
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    border-left: 0px;
    border-right: 0px;
    margin: 2em auto;
    padding: .7em 5%;
}

article.hero {
    display: table;
    background-color: transparent;
    background-image:
        linear-gradient(to right, transparent,rgba(255, 255, 255, .77),rgba(225, 225, 225, .77),rgba(255, 255, 255, .77),transparent);
    border: 4px solid #def;
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    border-left: 0px;
    border-right: 0px;
    margin: 3.3em auto;
    padding: 1em 5%;
    
    
}
iframe.hero {
    width: 100%;
    height: auto;
    aspect-ratio:2/1;
    margin: .33em auto;
    padding: .33em 0em;
    
    background-color: transparent;
    background-image:
        linear-gradient(to right,red,blue,green,blue,red);
    border: 4px solid #def;
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    border-left: 0px;
    border-right: 0px;
}

article.featured {
    display: table;
    background-color: orange;
    background-image:
        linear-gradient(rgba(255, 255, 255, .33) 17px,
        transparent 77px,
        rgba(255, 255, 255, .77) 101px,
        rgba(255, 255, 255, .88));
    border: 4px solid #def;
    border-top-left-radius:17px 50%;
    border-top-right-radius:17px 50%;
    border-bottom-left-radius:17px 50%;
    border-bottom-right-radius:17px 50%;
    border-top: 0px;
    border-bottom: 0px;
}

article.article {
    display: table;
    background-color: mediumseagreen;
    background-image:
        linear-gradient(rgba(255, 255, 255, .33) 17px,
        transparent 77px,
        rgba(255, 255, 255, .77) 101px,
        rgba(255, 255, 255, .88));
    border: 4px solid #def;
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    border-left: 0px;
    border-right: 0px;
}

article.sendoff {
    display: table;
    background-color: gold;
    background-image:
        linear-gradient(rgba(255, 255, 255, .33) 17px,
        transparent 77px,
        rgba(255, 255, 255, .77) 101px,
        rgba(255, 255, 255, .88));
    border: 4px solid #def;
    border-top-left-radius: 50% 17px;
    border-top-right-radius: 50% 17px;
    border-bottom-left-radius: 50% 17px;
    border-bottom-right-radius: 50% 17px;
    border-left: 0px;
    border-right: 0px;
}

article.clouds {
    display: table;
    background-color: transparent;
    background-image: linear-gradient(transparent, transparent 77px, rgba(255, 255, 255, .77) 111px, #def);
    border: 4px solid #def;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

article.friends {
    display: table;
    background-color: transparent;
    background-image: linear-gradient(transparent, transparent 77px, rgba(255, 255, 255, .77) 111px, #fed);
    border: 4px solid #def;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    margin: 0em auto 2em auto;
}

article.harpazo {margin: 44px auto 33px auto; max-width: 77%;}

article.social {padding: 0px;margin: 7px auto;}

scroll.cloudBar, #friends, #clouds, #catch, #hold {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .0), rgba(255, 255, 255, 1) 21px, rgba(255, 255, 255, 1) 181px, rgba(255, 255, 255, .0) 202px);
}

orb {
    position: relative;
    display: inline-block;
    background-color: rgba(225, 225, 225, 0.33);    
    background-image: none;
    background-attachment:fixed;
    background-position:center top;
    background-repeat:repeat;
    width: auto;
    aspect-ratio: 1/1;
    padding: 11%;
    margin: 0 auto;
    text-align: center;
    align-content: center;
    border-bottom-right-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-left-radius: 100%;
    border-top-left-radius: 100%;
    box-shadow: inset 0px 0px 17px 7px rgba(255,255,255, .77), inset 0px 0px 7px 1px silver, 0px 0px 17px 3px #efd, 0px 0px 3px 0px silver;
    border: 1px solid rgba(255,255,255, .77);  
    overflow: hidden;
}
.avatarOrb {
    padding: 3%;
    margin: 1rem auto;
}
img.avatar-orb{width: 144px; height: auto;}
orb.sky {background-image: url("/images/In-The-Clouds.jpg"); transition-duration: .333s;}
orb.matrix {background-image: url("/images/matrix.gif"); transition-duration: .333s;}
orb.splash {background-image: url("/images/In-The-Clouds.jpg");padding: 7%; transition-duration: .333s;}
orb.splash:hover {background-image: url("/images/matrix.gif"); transition-duration: .333s;}
orb.menu_nav {background-image: url("/images/In-The-Clouds.jpg");padding: 5%; transition-duration: .333s;}
orb.menu_nav:hover {background-image: url("/images/matrix.gif"); transition-duration: .333s;}
orb.menu_account {background-image: url("/images/In-The-Clouds.jpg");padding: 5%; transition-duration: .333s;}
orb.menu_account:hover {background-image: url("/images/matrix.gif"); transition-duration: .333s;}
orb.clouds {display: block;background-image: none;width:100%;max-width:160px;min-width:160px;}
orb.friends {display: block;background-image: none;width:100%;max-width:160px;min-width:160px;}
orb.social {background-color: rgba(225, 225, 225, 0);background-image: none;padding: 0;box-shadow:none;border: 0;border-radius: 0;margin-top: .5em;}

form {
    display: grid;
    width: 100%;
    margin: 0px auto;
    padding: .7em .7em;
}
form.splash {}
formRow {
    display: table;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
    text-align: center;
    overflow: hidden;
    clear: both;
    content: "";
}
formCell {
    display: inline-grid;
    width: auto;
    height: auto;
    text-align: left;
    padding: 7px;    
}
/* Customize the label (the container) */
.checkbox-label {
  display: inline-block;
  position: relative;
  padding: 0 7px 0 44px;
  margin: 11px 0px 11px 7px;
  cursor: pointer;
  font-size: 1.17em;
    text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 26px;
  width: 26px;
  background-color: white;
    border: 3px solid orange;
    transition-duration: .111s;
}

/* On mouse-over, add a grey background color */
.checkbox-label:hover input ~ .checkmark {
  background-color: #eee;
    border: 3px solid lime;
    transition-duration: .111s;
}

/* When the checkbox is checked, add a blue background */
.checkbox-label input:checked ~ .checkmark {
  background-color: #007aba;
    border: 3px solid white;
    transition-duration: .111s;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-label .checkmark:after {
  left: 12px;
  top: -15px;
  width: 8px;
  height: 28px;
  border: solid limegreen;
  border-width: 0 5px 5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

scroll.cloud-bar, scroll.featured {
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    height: auto;
    min-height: 144px;
    padding: 0px;
    margin: 0px;
    box-shadow: 0px -17px 17px 3px white, 0px 17px 17px 3px white;
    content: "";
    display: table;
    clear: both;
    z-index: 0;
}

footer {
    background-color: rgba(255, 255, 255, 0.0);
    background-image: linear-gradient(rgba(255, 255, 255, .0), rgba(255, 255, 255, .33));
    position: relative;
    bottom: 0px;
    width: 100%;
    height: auto;
    padding: 0px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    content: "";
    display: table;
    clear: both;
}

sol.footer {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 1080px;
    margin: 0px auto 0px auto;
    padding: 55px 0px 77px 0px;
    background-color: rgba(255, 255, 255, .11);
    background-image: url("/images/purple-grass.jpeg");
    background-attachment:local;
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size: cover;
    border-top: goldenrod solid 0px;
    border-top-right-radius: 17px;
    border-top-left-radius: 17px;
    text-align: center;
    color: silver;
    box-shadow: inset 0px 0px 7px 7px rgba(255, 255, 255, 1), 0px 0px 27px 17px rgba(255, 255, 255, 1.0);
    overflow: visible;
    content: "";
    display: table;
    clear: both;
    z-index: 555;
    transition-duration: 7s;
}

#header:hover, #welcome:hover, #catch:hover, #hero:hover, #featured:hover, #hold:hover, #article:hover, #conclude:hover, #releaseA:hover, #sendoff:hover, #wave:hover, #ground:hover, #notify_jar:hover {
    background-color: rgba(255, 255, 255, .77);
    box-shadow: inset 0px -3px 3px 3px rgba(255, 255, 255, 1), inset 0px 3px 3px 3px rgba(255, 255, 255, 1), 0px 0px 17px 17px rgba(255, 255, 255, .77), 0px 0px 33px 17px rgba(255, 255, 255, .77);
    transition-duration: 3.33s !important;}

#header:hover {background-color: rgba(0, 122, 186, .69);border:0;border-bottom: 1px solid goldenrod;background-image: linear-gradient(to bottom, transparent, transparent, rgba(255, 255, 255, .77), #FDE08D, #FDE08D) !important;box-shadow: 0 -7px 7px 0px darkgoldenrod, 0 -11px 33px 0px #880808;}
#notify_jar:hover {background-color: rgba(255, 255, 255, 0);box-shadow:0px 0px 33px 33px rgba(120, 170, 220, .77);}
#welcome:hover {background-color: rgba(120, 170, 220, .77);box-shadow:0px 0px 33px 33px rgba(120, 170, 220, .77);}
#catch:hover {background-color: rgba(255, 255, 255, .77);box-shadow:0px 0px 33px 33px rgba(255, 255, 255, .77);}
#hero {align-content: center;vertical-align: middle;}
#hero:hover {min-height: 111vh!important;background-color: rgba(0, 0, 0, .77);box-shadow:0px 0px 33px 33px rgba(0, 0, 0, .77);}
#featured:hover {background-color: rgba(120, 170, 220, .77);box-shadow:0px 0px 33px 33px rgba(120, 170, 220, .77);}
#hold:hover {background-color: rgba(120, 120, 120, .77);box-shadow:0px 0px 33px 33px rgba(120, 120, 120, .77);}
#article:hover {background-color: rgba(235, 225, 225, .77);box-shadow:0px 0px 33px 33px rgba(235, 225, 225, .77);}
#conclude:hover {background-color: rgba(255, 255, 255, .77);box-shadow:0px 0px 33px 33px rgba(255, 255, 255, .77);}
#releaseA:hover {background-color: rgba(255, 255, 255, .77);box-shadow:0px 0px 33px 33px rgba(255, 255, 255, .77);}
#sendoff:hover {background-color: rgba(120, 120, 220, .77);box-shadow:0px 0px 33px 33px rgba(120, 120, 220, .77);}
#wave:hover {background-color: rgba(120, 220, 120, .77);box-shadow:0px 0px 33px 33px rgba(120, 220, 120, .77);}

#ground:hover {background-color: rgba(0, 155, 0, .49);box-shadow: 0 7px 7px 0px darkgoldenrod, 0 11px 33px 0px #880808;}

ground {
    position:relative;
    display: grid;
    background-color: white;
    background-image: linear-gradient(to top, transparent, #FDE08D);
    width: 100%;
    height: auto;
    min-height: 120px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    border-top: 1px solid goldenrod;
    border-radius: 0px;
    box-shadow: 0 7px 7px 0px darkgoldenrod, 0 11px 33px 0px #880808;
    content: "";
    clear: both;
    overflow: visible;
    z-index: 999;
}

sol.ground {
    position: relative;
    padding: 0px;
    margin: 0px auto;
    width: 100%;
    max-width: 1200px;
    height: auto;
    content: "";
    display: table;
    clear: both;
    overflow: visible;
}

underground {
    background-image: linear-gradient(rgba(255, 255, 255, 1));
    position: relative;
    width: 100%;
    height:auto;
    padding: 17px 0px 77px 0px;
    text-align: center;
    border-bottom: white solid 0px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    box-shadow: inset 0px 3px 11px 0px silver, 0px 0px 33px 0px goldenrod, 0px 33px 33px 0px white;
    content: "";
    display: table;
    clear: both;
    z-index: 999;
}

underground > a {
    display: table;
    width: auto;
    margin: auto;
    padding: 25px 0px 0px 0px;
    font-size: 1.7rem;
    font-weight: 500;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    text-shadow: 0px 0px 2px black, 0px 0px 3px goldenrod, 0px 0px 6px goldenrod, 0px 0px 9px #FDE08D, 0px 0px 11px silver;
    color: white;
}

underground > a:hover {
    text-shadow: 0px 0px 2px indigo, 0px 0px 3px #880808, 0px 0px 6px #880808, 0px 0px 7px #880808;
    color: white;
}

.cloud_button {
    display: inline-block;
    margin: 0px;
    height: auto;
    padding: 55px 77px;
    width: 33%;
    background: 0;
    background-image: url("/images/cloud_button.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    color: slategray;
    text-decoration: none;
    text-shadow: 0px 0px 1px gold, 0px 0px 33px white, 0px 27px 13px slategray;
    text-align: center;
}
.cloud_button > a {
    background: 0;
    background-image: url("/images/cloud_button.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    color: slategray;
    text-decoration: none;
    text-shadow: 0px 0px 1px gold, 0px 0px 33px white, 0px 27px 13px slategray;
    text-align: center;
}
.cloud_button > a:hover {
    background-image: url("/images/cloud_button_blue.png");
    color: deepskyblue;
    text-shadow: 0px 0px 1px gold, 0px 0px 33px white, 0px 27px 13px slategray;
}
.cloud_button > a:active {
    background-image: url("/images/cloud_button_blue.png");
    color: slategray;
    text-shadow: 0px 0px 1px gold, 0px 0px 33px goldenrod, 0px 27px 13px darkgoldenrod;
}

nav.mobile-555 {
    position: sticky;
    top: 111px;
    width: 100%;
    overflow: hidden;
    font-size: 2.1rem;
    font-weight: 500;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    background-color: #007aba;
    background-image: repeating-radial-gradient(rgba(55, 155, 55, .33), rgba(255, 255, 255, .33), indigo, rgba(255, 255, 255, .0));
    box-shadow: inset 0px 0px 7px 3px white, 0px 0px 17px 7px white;
    z-index: 997;
    text-align: center;
}


nav.mobile-555 a {
    background-image: none;
    background-color: rgba(245,245,245, .33);
    color: white;
    font-size: 2.1rem;
    box-shadow: inset 0px 0px 7px 3px ghostwhite, 0px 0px 7px 3px ghostwhite;
    display: block;
    width: 100%;
    text-align: center;
}

nav.mobile-555 a:hover {
    background-image: none;
    background-color: white;
    color: white;
    box-shadow: inset 0px 0px 7px 3px ghostwhite, 0px 0px 7px 3px ghostwhite;
}

#menu-555 a.current-page {
    background: 0;
    background-color: #FDE08D;
    color: ghostwhite;
    box-shadow: inset 0px 0px 7px 3px ghostwhite, 0px 0px 7px 3px ghostwhite;
}

hr.red-stripe, .red-stripe {
    display: grid;
    background-color: rgba(255, 255, 255, .44);
    background-image: linear-gradient(white, transparent, #880808);
    width: 100%;
    max-width: 77%;
    height: auto;
    min-height: 3px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    padding: 3px 0px;
    margin: 3rem auto;
    font-family: "Trebuchet MS", Verdana, "sans-serif";
    font-size: 2rem;
    font-weight: 600;
    text-shadow: 0px -2px 7px goldenrod, 0px 2px 3px #007aba;
    text-align: center;
    color: #880808;
    border: 0px rgba(255, 217, 0, .11) solid;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    text-align: left;
    text-indent: 7%;
    box-shadow: inset 0px 0px 4px 1px #880808;
    clear: both;
    content: "";
}

article.donate {
    background-color: rgba(255, 255, 255, 1);
    background-image: url("/images/In-The-Clouds.jpg");
    background-attachment:fixed;
    background-position:center top;
    background-repeat:repeat;
    display: grid;
    position: relative;
    height: auto;
    width: 100%;
    min-width: 60%;
    max-width: 94%;
    padding: 1.5rem 2rem 2rem 2rem;
    margin: 0px auto 0px auto;
    overflow: hidden;
    text-align: center;
    font-family: "Trebuchet MS", Verdana, "sans-serif";
    border: 1px white solid;
    border-bottom-left-radius: 100px 100px;
    border-bottom-right-radius: 100px 100px;
    border-top-left-radius: 100px 100px;
    border-top-right-radius: 100px 100px;
    box-shadow: inset 0px 0px 13px 2px rgba(195, 195, 195, .88);
    clear: both;
}

p.center {text-align: center;}

hr.trump-shaft {
    display: grid;
    background-color: rgba(255, 255, 255, .44);
    background-image: linear-gradient(rgba(255, 217, 0, .21), rgba(255, 217, 0, .55), white, white, rgba(255, 217, 0, .55));
    width: 100%;
    max-width: 77%;
    height: auto;
    min-height: 3px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    padding: 3px 0px;
    margin: 3rem auto;
    font-family: "Trebuchet MS", Verdana, "sans-serif";
    font-size: 2rem;
    font-weight: 600;
    text-shadow: 0px -2px 7px goldenrod, 0px 2px 3px #007aba;
    text-align: center;
    color: white;
    border: 0px rgba(255, 217, 0, .21) solid;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    text-align: left;
    text-indent: 7%;
    box-shadow: 0px 0px 11px 0px rgba(255, 255, 255, 1), 0px 0px 3px 0px goldenrod, inset 0px 0px 11px 3px rgba(0, 0, 111, 0.11);
    clear: both;
    content: "";
}

hr.silver-lining {
    display: grid;
    background-color: rgba(255, 255, 255, .44);
    background-image: linear-gradient(white, transparent, silver);
    width: 100%;
    max-width: 77%;
    height: auto;
    min-height: 3px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    padding: 3px 0px;
    margin: 3rem auto;
    font-family: "Trebuchet MS", Verdana, "sans-serif";
    font-size: 2rem;
    font-weight: 600;
    text-shadow: 0px -2px 7px goldenrod, 0px 2px 3px #007aba;
    text-align: center;
    color: white;
    border: 0px rgba(255, 217, 0, .11) solid;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    text-align: left;
    text-indent: 7%;
    box-shadow: inset 0px 0px 4px 1px silver;
    clear: both;
    content: "";
}

.p-green {font-weight: 700; text-decoration: none; color: white; text-shadow: 0px 0px 1px black, 0px 0px 3px  limegreen, 0px 0px 5px  green, 0px 0px 7px  white; font-size: 1.5em;}

.p-red {font-weight: 700; text-decoration: none; color: white; text-shadow: 0px 0px 1px black, 0px 0px 3px  #880808, 0px 0px 5px  #880808, 0px 0px 7px  white; font-size: 1.5em;}

.editing {background-color: cornflowerblue; color: white; padding: 17px;font-size: 1.2rem;}

.alert {background-color: lightgoldenrodyellow; padding: 17px;}


four, .four {
    text-shadow: 0px 0px 1px goldenrod, 0px 0px 5px goldenrod, 6px 8px 2px #007aba, -6px -8px 2px #880808, 0px 0px 7px goldenrod, 0px 0px 11px goldenrod;font-size: 1.1rem; color: white;font-weight: 600;
}

ul,ol,dl,p {
    font-size: 1.1rem;
    text-align: justify;
}

li,p {
    line-height: 1.5;
    color: slategray;
}

/* Description list styles */

dd,dt {
    line-height: 1.5;
}

dt {
    font-weight: 600;
}


h-ii {}
h-iii {}
h-00 {}
h1 {
    display: block;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 3rem;
    font-weight: 600;
    text-shadow: 0px -2px 7px goldenrod, 0px 2px 3px #007aba;
    text-align: center;
    color: white;
    width: 100%;
    margin: 2.2rem 0rem 0rem 0rem;
    padding: 0rem 0rem 0rem 0rem;
    content: "";
    display: block;
    clear: both;
}
h2 {
    display: block;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 2.5rem;
    font-weight: 600;
    text-shadow: 0px -2px 7px goldenrod, 0px 2px 3px #007aba;
    text-align: center;
    color: white;
    width: 100%;
    margin: 2.2rem 0rem 1.44rem 0rem;
    padding: 0rem 0rem 0rem 0rem;
}
.no-veil {
    background-image: url("/images/In-The-Clouds.jpg");
    background-attachment:fixed;
    background-position:center top;
    background-repeat:repeat;
    display: inline-block;
    font-weight: 700;
    text-shadow: 0px -2px 7px goldenrod, 0px 2px 3px #007aba;
    text-align: center;
    color: white;
    width: 100%;
    max-width: 80%;
    height: auto;
    margin: 1rem 0rem 1rem 0rem;
    padding: 1em 1em;
    border-bottom-left-radius: 3em 100%;
    border-bottom-right-radius: 3em 100%;
    border-top-left-radius: 3em 100%;
    border-top-right-radius: 3em 100%;
    border: 1px solid rgba(255,255,255, .77);
    box-shadow: inset 0px 0px 17px 7px rgba(255,255,255, .77), 0px 0px 17px 3px rgba(155,155,155, .33);
}
h3 {
    display: block;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 2.0em;
    font-weight: 500;
    text-shadow: 0px -2px 7px goldenrod, 0px 2px 3px #007aba;
    text-align: left;
    color: white;
    width: 100%;
    max-width: 98%;
    margin: 1.44rem auto;
    padding: 0em;
}
h4 {
    display: block;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 1.5rem;
    font-weight: 500;
    text-align: justify;
    color: slategray;
    width: 100%;
    margin: .11rem 0rem .33rem 0rem;
    padding: 0rem;
}
h4.hero {
    margin: 0rem;
    padding: .33em 0rem;    
}
h5 {
    display: block;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 1.33rem;
    font-weight: 500;
    text-align: center;
    color: slategray;
    width: 100%;
    max-width: 94%;
    margin: 0em auto;
    padding: .33em .33em;
}
h6 {
    display: block;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: justify;
    color: slategray;
    width: 90%;
    margin: .5em 5%;
    padding: 0;
}
.p-333 {width: 100%; max-width: 333px; margin: 11px auto;}
.p-420 {width: 100%; max-width: 420px; margin: 11px auto;}
.p-555 {width: 100%; max-width: 555px; margin: 11px auto;}
.p-640 {width: 100%; max-width: 640px; margin: 11px auto;}
.p-777 {width: 100%; max-width: 777px; margin: 11px auto;}
.p-77 {width: 100%; max-width: 77%; margin: 11px auto;}
.p-888 {width: 100%; max-width: 888px; margin: 11px auto;}
.h-888 {width: 100%; max-width: 888px; margin: 33px auto;}
.p-88 {width: 100%; max-width: 88%; margin: 11px auto;}
poem-card {
    position:relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0px 0px 33px 0px;
    padding: 17% 0px;
    background-color: rgba(255, 255, 255, .5);
    background-image: url("/images/rise-above.jpg");
    background-attachment: local;
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;
    border-radius: 33px 33px 33% 33%;
    border: silver solid 0px;
    text-align: justify;
    color: ghostwhite;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19),inset 0px 0px 33px 4px rgba(255, 255, 255, 0.88),inset 0px 0px 44px 4px rgba(255, 255, 255, 0.88);
    overflow: visible;
}
poem-card.violet {background-image: url("/images/cloud-007.png");}
poem-card.indigo {background-image: url("/images/cloud-006.jpg");}
poem-card.blue {background-image: url("/images/cloud-005.jpg");}
poem-card.green {background-image: url("/images/cloud-004.png");}
poem-card.yellow {background-image: url("/images/cloud-003.jpg");}
poem-card.orange {background-image: url("/images/cloud-002.jpg");}
poem-card.red {background-image: url("/images/Bee-Hive-Honey-Drip.png"), url("/images/milk-splash.png");
background-attachment: local, local;
background-position: center top -33px, center bottom;
background-size: 50% auto, cover;}

/* Login Form & Other Veils */