/* When a style is define for both an ID and a tag or class, */
/* you can split out the id to define it differently.        */
html { 
    scroll-behavior: smooth; 
}
/* Page Logo */
#Logo { 
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/* Menu Area */
#menuarea {
	margin-left:auto;
	margin-right:auto;
    text-align: center;
}

/* Page Title */
H1 { 
	font-family:Cambria;
	color:#ffddf0;
	font-size:45px;
	text-align:center;
    padding-bottom:40px;
	padding:39px;
	line-height:40px;
	margin: 0px;
	margin-bottom:1px;
    text-shadow: 2px 2px 4px black, 0 0 25px white, 0 0 15px white;
    
}
H2 { 
	font-family:Rockwell;
	color:black;
	font-size:25px;
        font-weight: bold;
	text-align:center;
        vertical-align:middle;
        padding-top:20px;

}
H3 { 
	font-family:Copperplate Gothic;
	font-size:20px;
	text-align:center;
        color:#ffddf0;
            text-shadow: 2px 2px 4px black, 0 0 25px darkblue, 0 0 15px white;
}

hr { 
  border-top: red;
  border-bottom: red;
  display: block;
  margin: auto;
  border-style: inset;
  border-width: 2px;
} 

/* Body */
body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(https://huaiwarp.com/Health/2023_Challenges/YellowstoneGraphics/yellowstone-falls.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Main Area */
.mainarea, 
#mainarea {
	margin-left:auto;
	margin-right:auto;
	padding-left:22px;
	padding-right:22px;
}
.textblock {
    text-align:left;
	font-size:25px;
	font-weight: bold;
	color:Black;
	background-color:#DCDCDC;
	font-family:Calisto MT;
	border-radius: 25px;
	padding-left:22px;
	padding-right:22px;
	padding-top:10px;
	padding-bottom:10px;
}
    .lp-highlights-container-desktop {
        display: flex;
        align-items: center;
        justify-content: center
}
      .lp-text {
        font-size: 25px;
        padding-left: 20px;
	color:Black;
	font-family:Calisto MT;
      }


    .lp-highlight {
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: 10px;
      overflow: hidden;
      padding: 25px 20px;
      width: 50%;
    }

    .lp-highlight-image {
      display: inline-block;
      max-width: 100%;
      border-radius: 50%;
    }

    .lp-highlight-title {
      font-family:Rockwell;
      font-size: 22px;
      text-align:center;
      vertical-align:middle;
      color: blue;
    }

  .challenge_button {
    font-family: Arial;
    font-size: 26px;
    line-height: 1.2;
    padding: 60px 10px;
    border-radius: 3px;
    box-shadow: none;
  }

.flex-container {
  display: flex;
  justify-content: center;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.column {
  float: left;
  /* column-count: 2; */
  column-gap: 10px;
  padding: 5px;
/*  column-width: 300px;*/
}

.table {
  margin-left: auto;
  margin-right: auto;
  background-color: #D1D1E0;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
  border-color: black;
  border-width: 16px;
    font-size: 25px;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.td {
  text-align: left;
  vertical-align:middle; 

}

.td1 {
    text-align: center;
    }

/* Bottom buffer */

#bottombuffer{
	width:100%;
	height:22px;
	clear:both;
}