.r_txt {
	font-family: Orbitron; 
	font-size: 40px;
}


/* Style all font awesome icons */
.fa {
  padding: 20px;
  font-size: 20px;
  width: 30px;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa- {
  
  color: red;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(200,200,200,1);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color:#fff;
    -webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.7);
}

#cards-container::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}


#cards-container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(104, 140, 240, 0.3);
  }

#cards-container::-webkit-scrollbar-thumb {
    background-color: lightblue;
    outline: 1px solid slategrey;
}

.containerSocials {
  display: flex;
  justify-content: space-evenly;
  width: 40%;
  margin: 0 auto 0 auto;
}

.containerSocials a {
  font-size: 1.5rem;
  text-decoration: none;
}

html, body {
  height: 100%; 
  margin: 0; 
}

.container.primary {
  min-height: 100%; 
  display: flex;
  flex-direction: column;
}

#btnSend {
  width: 90px;
}

#tv_ans {
	height: 600px;
	font-family: monospace;
	white-space: pre;
	padding: 10px;
}

#msg {
	font-family: monospace;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	color: #0d6efd;  /* Bootstrap info color */
	border-radius: 0.5rem;
	padding: 1rem !important;
}

body {
  display: grid;
  height: 100px;
  width: 1250px;
  margin: auto;
  background-color: white;
}

header {
  height: 100px;
  background-color: black;
}

header a {
  text-decoration: none;
  color: white;
}

header a h1 {
  padding: 1rem 0 1rem 2rem;
  font-family: Arial, Helvetica, sans-serif;
}

.containerBlurb {
  text-align: center;
  margin: 2rem;
}

#hero {
  margin-bottom: 2rem;
}

.container-primary {
  margin-left: 0;
}

.jumbotron {
    background-image: url("../../images/hero-background.jpg"); 
    background-size: cover;
    background-position: center;
}