/* OVERALL PAGE/BKG */

body {
  background-color: black;
  color: white;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% auto;
  background-position: center top;
  user-select: none;
}

.responsive {
  max-width: 100%;
  height: auto;
}

/* OVERALL TEXT */

@font-face {
  font-family: "Luckiest Guy";
  src: url(./overall_resources/luckiest_guy.ttf);
}

.h_text {
  font-family: "Luckiest Guy";
  font-weight: normal;
}

.p_text {
  font-family: Verdana;
}

/* OVERALL LINKS */

a:link {
  color: #E04C49;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #E04C49;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #ABABAB;
  background-color: transparent;
  text-decoration: underline;
  transition: 0.5s;
}

/*  TWT_BSKY LINKS */

a.bstw:link {
  color: dodgerblue;
  background-color: transparent;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  text-decoration: none;
}

a.bstw:visited {
  color: dodgerblue;
  background-color: transparent;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  text-decoration: none;
}

a.bstw:hover {
  color: dodgerblue;
  background-color: transparent;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  text-decoration: underline 2px;
  transition: 0.5s;
}

/* OVERALL DECO IMG/BUTTONS */

#deco {
  border-radius: 7.5px;
  pointer-events: none;
  margin: 0.5px;
}

#deco_button {
  border-radius: 7.5px;
  cursor: pointer;
  margin: 0.5px;
}

#deco_button:hover {
  opacity: 0.75;
}

/* OVERALL TABLES/BOXES */

#red_box {
  border-radius: 7.5px;
  border: 4px solid #E04C49;
  background-color: transparent;
  color: white;
  padding: 10px;
  width: auto;
  height: auto;  
}

#white_box {
  border-radius: 7.5px;
  border: 4px solid #FFFFFF;
  background-color: transparent;
  color: white;
  padding: 10px;
  width: auto;
  height: auto;  
}

#null_box {
  background-color: transparent;
  width: auto;
  height: auto;
}

/* OVERALL COLLAPSIBLES */

.collap_button {
  border: none;
  outline: none;
  max-width: 100%;
  height: auto;
}

.collapsible {
  background-color: transparent;
  width: auto;
  height: auto;
  cursor: pointer;
  outline: transparent;
}

.content {
  padding: 0 10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: transparent;
}