html {
  font-size: 100%;
  border:0;
  margin: 2px;
  height: 100%;
  min-height: 100%;
}
body {
  background-color: #6e6e6e;
  border-style: solid; border-width: 1px; border-color: #aaaaaa;  border-radius: 5px;
}

.slickanix_light-green { color: #b0fb92 }
.slickanix_light-gray { color: #a6a6a6 }
.slickanix_dark-gray { color: #6e6e6e }

.slickanix_text { font-family: monospace; font-size: 16px;  color: white; text-align: center; display: block }

h1 { color: #ffffff; text-align: center; font-family: monospace; font-size: 32px; padding: 0px 0px 0px 0px}
h2 { color: #ffffff; text-indent: 1em; text-decoration:underline; }
h3 { margin: 0px 0px 5px 12px; font-size: 16pt; font-family: monospace; font-weight: normal}
h4 { text-align: center; font-family: monospace; font-size: 12pt; margin: 0px 0px 0px 0px;}

/* wraps a category of apps */
div.category { border-style: solid; border-width: 1px;  border-radius: 5px; margin: 0px 10px 20px 10px;
background-color: #a6a6a6; box-shadow: inset 0px 0px 2px 4px grey}

/* wraps an app entry */
div.app { border-style: solid; border-width: 1px;  border-radius: 5px; border-color: #a6a6a6; margin: 10px 10px 10px 10px; background-color: #6e6e6e;  display: flex; justify-content: space-between}

/* contains logo etc. */
div.app_info { width: 48% }

/* wraps the logo and title */
div.app_logo_title { margin-left: 10px; margin-top: 10px; margin-bottom: 5px;}

/* contains various extra info */
div.app_announcements {width: 48%; height:auto;  margin-top: 10px; margin-right: 10px; margin-bottom: 10px;  border-radius: 5px; box-shadow: inset 0px 0px 1px 1px grey}

div.info_item { margin-left: 10px; margin-top: 10px;  font-size: 12pt; font-weight: bold}

div.info_text { margin-left: 10px; margin-top: 5px;  text-indent: 10px; }

a { color: #ffffff; }
a.visited { color: #aaaaaa; }

a.info { color: black; }

img.sep { align-self: center; width: 66%; height: 1px }

img.app_logo_2x {float: left; margin-right: 3px; height: 76px; width: 76px }

img.burst { width: 44px; height: 44px; vertical-align: top; margin-top: -8px;  margin-left: -32px; position: relative; z-index: 5}

/* APP-SPECIFIC */

.app_title { vertical-align: top; }
.app_version { color: white; margin-left: 3px;}
.app_blurb {clear: left; font-size: 18px; margin-bottom: 10px; margin-top: 18px; margin-left: 10px;  color: white}

/* SLICKSCORE */
.slick_score_title { font-family: snell roundhand, cursive; font-size: 150%; font-weight: bold; margin-left: 3px; }
.slick_score_light-green { color: #c0fba2 }
.slick_score_bg_light-green { background-color: #d0ffb2 }
.slick_score_bg_paper { background-color: #F8F5E1 }

/* TUMBLE RUMBLE */
.tumble_rumble_title { font-family: copperplate, fantasy; font-size: 150%; font-weight: bold; color: white}
.tumble_rumble_light-green { color: #c0fba2 }

/* WATCHWORDS */
/* purple: #ad89ff; */
.watch_words_title { font-family: apple-system, Helvetica, Ariel, sans-serif; font-size: 125%; font-weight: bold; }
.watch_words_lavender { color: #cfabff; }
.watch_words_bg_lavender { background-color: #dfbbff; }

/* GUTSHOT */
.gut_shot_title { font-family: baskerville, serif; font-size: 150%; font-weight: bold; color: black}
.gut_shot_light-green { background-color: #03E080 }


/* APPLE */
div.app_store { margin-left: 8px; margin-bottom: 5px; }