/*-------------------------------------------------------*/
/* Styling for the content of the info content container */
/*-------------------------------------------------------*/

/** Styles the container that holds the logo - allows for box-shadow around logo */
.info-logo-container {
  width: 2.5rem;
  margin: 0 auto;
  display: block;
  margin-bottom: 2.5rem;
  padding-right: 3.7411rem;
  padding-top: 0.06rem;
  background-color: #2d2d2d;
  border: 2.4px solid #2d2d2d;
  border-radius: 50%;
  box-shadow: 0rem 0rem 2px 0.09px #2d2d2d;
}

/** Styles the logo that acts as a header for the content-page */
.info-logo {
  color: white;
  font-size: 3.75rem;
}

/** Styles inputs getting the user input regarding the party */
.info-inputs {
  width: 23rem;
  height: 3rem;
  padding-left: 0.65rem;
  margin: 0 auto;
  margin-bottom: 1rem;
  display: block;
  border: none;
  border-radius: 5.6px;
  box-shadow: 0rem 0rem 3.2px 0.016px black;
}

/** Styles button that takes the user to the tent picking part of the UI flow */
.info-buttons {
  width: 15rem;
  margin: 5rem 0 0 2.5rem;
}

/** Styles the info text greeting the user */
#info-text {
 width: 23rem;
 margin: 0 auto;
 margin-bottom: 3rem;
 display: block;
 font-size: 1.2rem;
 text-align: left;
}

/** Styles the go button on the index ejs */
#goBtn {
  width: 10rem;
  height: 2.5rem;
  margin: 0 auto;
  margin-top: 4rem;
  display: block;
  border: none;
  border-radius: 0.35rem;
  box-shadow: 0rem 0rem 0.215625rem 0.001rem black;
  color: white;
  background-color: #8cbc13;
  font-size: 1.4rem;
  font-weight: 400;
}