body{
font-family: system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
background-image: url("images/background_dead_kansas_crop.jpg");
background-color:black;
color:white; 
background-position: center;
background-size: cover;
background-attachment:fixed; 
background-repeat: no-repeat; 
background-size: cover;
}

p{
color:white;
font-size: 18px;
}

p.paypal{
color:black;
font-size: 18px;
}

label{
color:white;
}

h1,h2,h3{
color:white;
}

h1.qTitle,h2.qTitle,h3.qTitle{
color:black;
}

input[type=text], [type=password]{
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 14px;
  box-sizing: border-box;
}

.ask_q{
  width: 100%;
  padding: 32px 40px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 14px;
  box-sizing: border-box;
  font-size: 18px;
  font-family: "Times New Roman", Times, serif;
}

.ans_q{
  width: 100%;
  padding: 32px 40px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 14px;
  box-sizing: border-box;
  font-size: 18px;
  font-family: "Times New Roman", Times, serif;
}

.q_text{
color:black;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

.q_user{
color:black;
font-size: 14px;
font-weight: normal;
text-decoration: none;
}

.q_likes{
font-size: 14px;
font-weight: normal;
text-decoration: none;
color:red;
        padding-left: 20px;
}

.a_text{
color:black;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

.a_user{
color:black;
font-size: 14px;
font-weight: normal;
text-decoration: none;
        padding-left: 20px;
}

.a_likes{
font-size: 14px;
font-weight: normal;
text-decoration: none;
color:red;
        padding-left: 20px;
}
.nav_text{
color:white;
font-size: 14px;
font-weight: normal;
text-decoration: none;
}

.question_1{
  width: 100%;
  background-color: #FFFFFF;
  padding: 15px 15px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 14px;
  box-sizing: border-box;
}

.question_2{
  width: 100%;
  hover: white;
  background-color: #F4F0F0;
  padding: 15px 15px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 14px;
  box-sizing: border-box;
}

.answer_1{
  width: 100%;
  background-color: #FFFFFF;
  padding: 15px 15px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 14px;
  box-sizing: border-box;
}

.answer_2{
  width: 100%;
  background-color: #FFFFFF;
  padding: 15px 15px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 14px;
  box-sizing: border-box;
}

.norm_text{
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 14px;
  box-sizing: border-box;
}

.empty_text{
  width: 100%;
  padding: 12px 0px;
  margin: 8px 0;
  display: inline-block;
  border: 2px solid red;
  border-radius: 14px;
  box-sizing: border-box;
}

select {
  width: 100%;
  padding: 10px 15px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-sizing: border-box;
}

.post_options {
  width: 30%;
  padding: 10px 15px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-sizing: border-box;
}

.day_menu {
  width: 25%;
  padding: 10px 15px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-sizing: border-box;
}

.month_menu {
  width: 35%;
  padding: 10px 15px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-sizing: border-box;
}

.countries_menu {
  width: 100%;
  padding: 10px 15px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-sizing: border-box;
}

input[type=submit], [type=button] {
  width: 100%;
  font-size: 18px;
  background-color: #131B4D;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 14px;
  cursor: pointer;
}

input[type=submit]:hover, [type=button]:hover {
  background-color: #17215F;
}

div {
  border-radius: 15px;
  background-color: #FFFFFF;
  padding: 10px;
}

.tool_tip {
  color: white;
  border-radius: 10px;
  background-color: #000000;
  padding: 5px;
}


/* unvisited link */
a:link {
  color: white;
}
/* visited link */
a:visited {
  color: white;
}
/* mouse over link */
a:hover {
  color: white;
}
/* selected link */
a:active {
  color: white;
}

/* unvisited link */
a.q_text:link {
  color: black;
}
/* visited link */
a.q_text:visited {
  color: black;
}
/* mouse over link */
a.q_text:hover {
  color: #071B91;
}
/* selected link */
a.q_text:active {
  color: black;
}


/* unvisited link */
a.q_user:link {
  color: black;
}
/* visited link */
a.q_user:visited {
  color: black;
}
/* mouse over link */
a.q_user:hover {
  color: #071B91;
}
/* selected link */
a.q_user:active {
  color: black;
}



/* unvisited link */
a.q_likes:link {
  color: red;
}
/* visited link */
a.q_likes:visited {
  color: red;
}
/* mouse over link */
a.q_likes:hover {
  color: red;
}
/* selected link */
a.q_likes:active {
  color: red;
}